input属性为number,maxlength不起作用的解决方案

　　<input type="text" maxlength="11" /> 效果ok，

　　当 <input type="number" maxlength="11" />时maxlength失效，长度可以无限输入。

　　解放方案：

　　<input type="number" οninput="if(value.length>11)value=value.slice(0,11)" />
　　很简单，搞定！

　　补充：

　　slice()定义和用法
　　slice() 方法可从已有的数组中返回选定的元素(截取，包头不包尾)。
　　slice()方法可提取字符串的某个部分，并以新的字符串返回被提取的部分。
　　注意： slice() 方法不会改变原始数组。

——网上获取

转载于:https://www.cnblogs.com/Stir-friedEggplant/p/7676049.html

input属性为number,maxlength不起作用的解决方案相关推荐

＜input＞属性为number,maxlength不起作用的解决方案
属性为number,maxlength不起作用的解决方案参考文章: (1)属性为number,maxlength不起作用的解决方案 (2)https://www.cnblogs.com/Stir-f ...
当 input 属性为 number，设置maxlength属性不生效的坑
当 input 属性为 number,设置maxlength属性不生效的坑一.现象 1. <input type="text" maxlength="11&quo ...
input 属性为 number，maxlength不起作用如何解决？
<input type="text" maxlength="5" /> 效果ok,当 <input type="number& ...
解决移动端手机号input 属性为 number，maxlength无效情况
<input type="number" oninput="if(value.length>11)value=value.slice(0,11)" ...
input type=number maxlength无效
问题:input标签type=number时maxlength属性无效解释:通过在MDN上搜索得知maxlength属性是控制value的最大长度(最多字符数目),maxlength属性对于type ...
input控件的maxlength属性
input控件的maxlength属性 <!DOCTYPE html> <html><head><meta charset="utf-8" ...
html5 规定输入字段,HTML5 Input属性详解
本篇教程探讨了HTML5 Input属性详解,希望阅读本篇文章以后大家有所收获,帮助大家HTML5+CSS3从入门到精通 . < value 属性 value 属性规定输入字段的初始值: rea ...
学生档案复习前面HTML5新增标签/属性/input属性
根据所学HTML5新增的标签.属性.input属性,把学生的姓名.手机.邮箱.职业.出生日期.成绩写出来代码如下: <!DOCTYPE html> <html lang=" ...
移动端苹果手机的input框type= number只是唤起数字键盘不能阻止输入汉字和字母
移动端苹果手机的input框type= number只是唤起数字键盘不能阻止输入汉字和字母 , input事件的replace(正则,'')没有作用解决办法用input type = text ...

input属性为number,maxlength不起作用的解决方案

input属性为number,maxlength不起作用的解决方案相关推荐

最新文章

热门文章