input type=number maxlength无效

问题：input标签type=number时maxlength属性无效

解释：通过在MDN上搜索得知maxlength属性是控制value的最大长度（最多字符数目），maxlength属性对于type=password, search, tel, text, url，这五种生效，附上链接

解决方案：

其实现在很多的ui框架都会做单独的数字输入框，如iview的<InputNumber/>
还有oninput事件当长度超过截取

<input type="number" oninput="if(value.length>11)value=value.slice(0,11)

input type=number maxlength无效相关推荐

h5 android数字键盘,【笔记】移动端H5数字键盘input type=number的处理（IOS和Android）...
在Vue中的项目,基于VUX-UI开发,一个常见的需求: 1.金额输入框 2.弹出数字键盘 3.仅支持输入两位小数,限制最大11位数,不允许0开头第一,首先想到额就是在VUX-UI中制定type=n ...
input type=number时，限制输入位数
1.当input,type为text时,设置maxlength后,能限制输入内容长度: 2.当input,type为tel时,设置maxlength后,也是能限制输入内容长度,并且弹起键盘为默认为数字 ...
解决input[type=number]无法显示非数字字符的问题
在移动端webview实现的页面中,有数字的地方必须使用input type="number"类型的input,否则触发后的键盘为全键盘,而非数字键盘.但另外的一个问题是,inpu ...
react input[type='number']
最近在写业务的时候遇到一个坑,当用户在 input[type='number'] 中输入 "01" 时,我将值设置为 1 ,但它不起作用,它仍显示 "01". ...
动手写个数字输入框1：input[type=number]的遗憾
前言最近在用Polymer封装纯数字的输入框,开发过程中发现不少坑,也有很多值得研究的地方.本系列打算分4篇来叙述这段可歌可泣的踩坑经历: <动手写个数字输入框1:input[type=nu ...
解决 html5 input type='number' 类型可以输入e
当给 input 设置类型为 number 时,比如,我想限制,只能输入 0-9 的正整数,正则表达式如下: /^[0-9]?$/ // 匹配 0-9 的整数且只匹配 0 次或 1 次用正则测试,小 ...
设置input[type=number]不显示箭头
input[type=number] {&::-webkit-outer-spin-button,&::-webkit-inner-spin-button {-webkit-appea ...
【Antdv】input type=number去掉上下箭头、提示文字、鼠标滚轮
数字输入框在项目中十分常用,但是有一些属性影响使用体验.解决方案如下: 1.整数文字提示解决方法,将title="" title="" 2.鼠标滚轮会修改数值 ...
input type=number 禁止输入E
$('input[type=number]').keypress(function(e) { if (!String.fromCharCode(e.keyCode).match(/[0-9.]/)) ...

input type=number maxlength无效

input type=number maxlength无效相关推荐

最新文章

热门文章