如何解决 type=”number” 时,maxlength 不生效
以前没有注意到 maxlength 只在 type="text" 时才会生效,今天测试手机号输入的时候才发现不对,我的解决方案有两个:
1、保留 type="number",使用 oninput 限制字数
<input type="number" oninput="if(value.length>11)value=value.slice(0,11)" />
2、使用 type="text",oninput 限制输入类型
<input type="text" oninput="value=value.replace(/[^\d]/g,'')" />
版权声明:
作者:灰糖
链接:https://longdada.me/typenumber-maxlength-invalid/
来源:灰糖笔记
文章版权归作者所有,未经允许请勿转载。
THE END
二维码
文章目录
关闭