maxLength要与inputType属性同时使用才会生效

最新推荐文章于 2023-04-14 17:02:00 发布
最新推荐文章于 2023-04-14 17:02:00 发布
阅读量619 收藏
点赞数
文章标签： 字数限制
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_24619103/article/details/45247207
版权

需求是限制EditText的输入字数，有个maxLength的属性，设置后发现不生效，在网上找的方法都是在代码里改，很麻烦，无意中测试当指定inputtype为number时，maxlength是生效的，于是将上一个字数限制的需求inputtype指定为text,生效

qq_24619103
关注
为什么input中的maxlength属性失效了
猿小白的博客
10-24 1万+
今天在遇到限制某个输入框的最大长度的需求，比如一个要求输入手机号的输入框：当时我是这样写的 <input type="text" placeholder="请输入手机号码" maxlength="11" /> 如果是上面的这种写法的话，maxlength属性是有效的。但是type=”text”有一个不好的体验，就是获取焦点后弹出的输入法是默认拼音的那种，不太适合此处要求纯数字的需...
解决uniapp微信小程序，input框设置了maxlength时，ios在输入时拼音达到了最大长度导致无法继续输入问题
最新发布
qq_75069372的博客
01-22 1220
解决uniapp微信小程序，input框设置了maxlength时，ios在输入时拼音达到了最大长度导致无法继续输入问题
Input type = 'number' 和maxlength不能一起用
Luckyzhoufangbing的博客
06-26 2708
input 如果 type='number' 和maxlength一起设置，maxlength会失效 改成 oninput 方法监听 <el-input oninput="if(value.length > 11) value = value.slice(0,11)" type='number' v-model="userInfo.registerMobile" ...
input输入框为数字(number)类型时maxlength属性不起作用
小涛Dirge
11-12 1969
使用html代码解决 <input type="number" maxlength="5" oninput="if(value.length>5)value=value.slice(0,5)" /> 使用js代码解决 //输入框为数字类型时防止maxlength属性不起作用 $('input').bind('input propertychange', function() {...
input中的maxlength属性
weixin_43990624的博客
03-05 1275
input中的maxlength属性只适用于type为text、password，其余都不管用
解决ElementUI Input 输入框type=“number“时maxlength失效及可以输入字母e的问题
Java学习
04-14 5873
在使用Element前端组件时，发现把Input 输入框的type设置为number时，会造成maxlength属性失效的问题，可以输入很长的数字导致字段超长，另外min属性和max属性也只是限制输入框右边箭头调整的范围，根本无法限制住手动输入数值的范围，以及还可以输入“e”，“+”，“-”字符等问题。下面就来一一解决。
当 input 属性为 number，设置maxlength属性不生效的坑
杜鲁阳的博客
07-04 4598
当 input 属性为 number，设置maxlength属性不生效的坑 一、现象 1、 <input type="text" maxlength="11" />，有效； 2、 <input type="number" maxlength="11" /> 无效 当input的type属性设为number时，maxlength属性失效，长度可以无限输入。 二、解决方法 &...
解决vue项目input输入框双向绑定数据不实时生效问题
10-15
<input type="text" maxlength="11" placeholder="请输入联系人电话" v-model="mobile" /> ``` 然后在data中定义`mobile`： ```javascript data() { return { mobile: '', }; }, ``` 接下来，我们讨论一个与...
关于maxlength在IE中失效，以及input常见限制，校验手机号(只能输入数字、不能输入)
heyNewbie的博客
07-15 1068
项目中遇见了，就记录下来，省的以后找不到了 一、maxlength 属性在IE中失效 当 input 的 type 属性为 ‘text’ 时，maxlength 有效 当input 的 type 属性为 ‘number’ 时，失效 解决办法： <input type="number" placeholder="请输入手机号..." v-model="telNumber" maxlength="11" @input="telNumber=te
maxlength只对type=“text”和type="password"起作用
科技助力教育，让学生快乐学习，享受学习
07-31 485
定义和用法 maxlength 属性规定输入字段的最大长度，以字符个数计。 maxlength 属性与 或 配合使用。maxlength只对type=“text”和type=”password”起作用
input maxlength 属性不起作用
huch的博客
06-05 4万+
大家经常会遇到限制某个输入框的最大长度的需求，比如一个要求输入手机号的输入框： &amp;amp;lt;input type=&amp;quot;text&amp;quot; placeholder=&amp;quot;请输入手机号码&amp;quot; maxlength=&amp;quot;11&amp;quot; /&amp;amp;gt; 如果是上面的写法的话，maxlength属性是有效的。但是type=”text”有一个不好的体
input输入框type设置为number，maxlength无效
gs981600308的博客
07-31 1万+
结论：input输入框type设置为number，maxlength无效，设置为tel，maxlength有效 一个小细节，以前很少注意，直到最近做的一个项目，当我把一个输入数字的input框的类型设置为number时，input框还是可以无限输入，设置maxlengh=10就不起作用了。 然后我就去百度了一下，type设置为tel时，maxlength就起作用了。为什么呢？ 这里我先说一下inp...
当element ui 的input 中max-length 不生效的问题
weixin_42708755的博客
08-18 843
input 中maxlength不生效的问题
vue中 input 里面写入的 maxlength 不生效，maxlength无效
柠檬不萌只是酸i
11-11 5996
解决办法： 【限制长度和字数】： 设置input 的type = ' number ' ，然后在oninput里面做判断。 <input type="number" v-model='phone_val' oninput="if(value.length>11)value=value.slice(0,11)" placeholder="输入手机号" /> ...
解决：input框当type为number时maxlength失效
Ariel的博客
02-21 2472
慕客网标明的用法是适用type为text和passswod的 当我input框设置type为number的时候怎么限制输入长度呢？使用outinput就可以啦 &lt;input type="number" name="phone" id="phone" value="phone" oninput="if(value.length&gt;11)value=value.slice(0,11)"
input 属性为 number，maxlength不起作用如何解决？
热门推荐
malan_wpf的专栏
03-03 6万+
效果ok，当 时maxlength失效，长度可以无限输入。 解放方案： 5)value=value.slice(0,5)" /> 很简单，搞定！
HTML标签的maxlength无效的原因
gz-郭小敏的博客
05-06 6308
定义和用法 maxlength 属性规定输入字段的最大长度，以字符个数计。 maxlength 属性与 <input type="text"> 或 <input type="password"> 配合使用。 maxlength 属性 用在<input type="number"> 是没效果的 语法 <input maxlength="...
html input标签属性
09-09
在IE浏览器中，只有元素具有name属性时，placeholder属性才会生效。 3. form属性：该属性用于将input元素与一个指定的表单关联起来。例如，可以使用form属性将一个输入框与一个特定的form元素相关联，以指定该...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值