如何解决 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
分享
二维码
< <上一篇
下一篇>>
文章目录
关闭
目 录