input中maxlength 判断数字位数失效

最新推荐文章于 2023-06-02 10:12:14 发布
原创 最新推荐文章于 2023-06-02 10:12:14 发布 · 452 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

input 中  maxlength 判断数字位数失效

<input type="number" maxlength="11" placeholder="请输入手机号" >

将 type 改成 tel 可以生效。

<input type="tel" maxlength="11" placeholder="请输入手机号" >

maxlength 属性还可以与 <input type="text"> 或 <input type="password"> 配合使用。

KLW75
关注
如何去判断一个input输入框中的输入为数字？
qq_41083105的博客
07-23 2582
问题描述： 这是个自己在公司做项目的时候碰到的问题，起因是产品要求input输入框中只能是数字，要是位数不对，得提示用户，输入了非法的字符，也得提示用户。 解决过程： 本来用的是isNaN，但是总是觉得效果不好，然后就去网上找其他方法，于是想到了正则，但是我一直没法用正则解决。 解决办法： 最终还是回归到isNaN上。先贴出w3c中对于isNaN的描述： 也就是说，它的字面意思就是问你：“括号里的数，它是不是不是一个...
input输入框为数字(number)类型时maxlength属性不起作用
小涛Dirge
11-12 2123
使用html代码解决 <input type="number" maxlength="5" oninput="if(value.length>5)value=value.slice(0,5)" /> 使用js代码解决 //输入框为数字类型时防止maxlength属性不起作用 $('input').bind('input propertychange', function() {...
input 属性为 number，设置maxlength长度
weixin_41262185的博客
10-08 1650
一般情况下，标签内直接加maxlength=“具体数值”属性即可，当type=“number”时maxlength则不生效。 以下为例子解说 <input type="text" maxlength="11" /> 此时能达到限定效果， 当<input type="number" maxlength="11" />时 maxlength失效，长度可以无限输入。 解决方案...
解决ElementUI Input 输入框type=“number“时maxlength失效及可以输入字母e的问题
Java学习
04-14 7433
在使用Element前端组件时，发现把Input 输入框的type设置为number时，会造成maxlength属性失效的问题，可以输入很长的数字导致字段超长，另外min属性和max属性也只是限制输入框右边箭头调整的范围，根本无法限制住手动输入数值的范围，以及还可以输入“e”，“+”，“-”字符等问题。下面就来一一解决。
解决input,number类型的maxlength无效
叶落无痕的博客
08-26 6395
使用input数字number类型的时候maxlength无效，假设需要控制输入数量为5，可以用以下方式： 无效： <input type="text" maxlength="5" /> 效果ok，当<input type="number" maxlength="5" /> 有效： <inputtype="number"oninput="i...
input 属性为 number时maxlength不起作用如何解决？
逆水行舟，不进则退
10-18 1634
input 属性为 number时maxlength不起作用如何解决？ type=text时可以限制input输入内容的长度 <input type="text" maxlength="11" /> 但是 type设为 number 类型的时候就不生效了 <input type="number" maxlength="5" /> //maxlength失效，长度...
input设置type为number时，maxlength属性无效
xxx_holic123的博客
06-02 2698
input设置type为number时，maxlength属性无效
iview组件库的input框type设置为number时maxlength失效
weixin_42255789的博客
02-23 1019
input框设置最大长度
php input 不能输入数字,限制input[type=number]的输入位数策略整理
weixin_33990147的博客
03-11 672
[导读]当我们使用类型number的input输入框的时候，我们可能需要限制输入的位数，这个时候通常会想到maxlength，但是maxlength是在number类型的时候是不支持的，下面是一些解决这种问题的方法。当我们使用类型number的input输入框的时候，我们可能需要限制输入的位数，这个时候通常会想到maxlength，但是maxlength是在number类型的时候是不支持的，下面是...
关于input type=number时，maxlength失效，如何限制输入位数
m0_67992720的博客
04-10 1049
关于input type=number时，maxlength失效
input输入框type设置为number，maxlength无效
gs981600308的博客
07-31 1万+
结论：input输入框type设置为number，maxlength无效，设置为tel，maxlength有效 一个小细节，以前很少注意，直到最近做的一个项目，当我把一个输入数字的input框的类型设置为number时，input框还是可以无限输入，设置maxlengh=10就不起作用了。 然后我就去百度了一下，type设置为tel时，maxlength就起作用了。为什么呢？ 这里我先说一下inp...
Input为number类型maxlength不好使，用js轻松解决
BADAO_LIUMANG_QIZHI的博客
01-11 2370
场景 &lt;input type="text"  maxlength="5" /&gt;   //可以 &lt;input type="number"  maxlength="5" /&gt;  //没有效果 如果为number怎样控制输入长度 解决 &lt;input type="number" oninput="if(value.leng
<input>属性为number,maxlength不起作用的解决方案
ZQQing1314的博客
10-16 352
　　<input type="text" maxlength="11" /> 效果ok， 　　当 <input type="number" maxlength="11" />时maxlength失效，长度可以无限输入。 　　解放方案： 　　<input type="number" oninput="if(value.length>11)valu...
input中maxlength失效问题
zyf_baby的博客
08-17 3565
当type=number时，设置maxlength=11（校验手机号），不生效 只要将type=tel就可以正常使用了。
当element-ui的input框type为number，maxlength不起作用的解决方案
Blues_han的博客
12-03 3559
当element-ui的input框type为number，maxlength不起作用的解决方案oninput截取字符串 oninput截取字符串 示例邮编： <el-input type='number' oninput="if(value.length>6)value=value.slice(0,6)" v-model.trim="ruleForm.postZip"></el-input> ...
解决input输入框type设置为number，maxlength无效问题
weixin_45274678的博客
02-21 645
解决input输入框type设置为number，maxlength无效问题
input 为number限制长度
wastingallthesetears的博客
08-22 2448
input为number时限制输入
vue+elementui 项目中输入手机号，要求必须是数字限制最长11位 。type=“number“ 中maxlength失效
肖肖肖丽珠的博客
07-01 8717
这样的需求是经常用到的。但是我们在用的时候却发现了一些问题: <el-inputv-model="mobile" placeholder="手机号" type="number" maxlength="11"></el-input> 只能输入数字:type="number" 最长11位 : maxlength="11" 如果写type="number" maxlength="11"。的确只能输入数字但是maxlength="11"的长度限制却失效了。 如果不写...
HTML5 input type=“number”的maxlength设置没效果问题
热门推荐
mochile的博客
07-31 2万+
HTML5 input type=“number”的maxlength设置
当input为number类型的时候，设置属性maxlength无效的解决方法
Colbru的博客
04-26 906
input用作输入手机号： 要求： 只能输入数字； 最大长度为11位； 最终写法如下： <input type="number" placeholder="请输入手机号码" id="mobile" oninput="if(value.length>11)value=value.slice(0,11)" /> 注意点1： 如果是手机端，无法实现选中input的时候，就直接跳出数字键盘， 所以type 必须是 number。 注意点2： 最大长度属性无效 新增代码：oninput=”
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值