网页前端设计

http://www.86y.org
feedskyQQ邮箱

搜索文章

解决input 属性为 number,maxlength无效情况

关注我吧
 2017/2/28 14:14:21 阅读次数:4240

移动端在使用input数字number类型的时候maxlength竟然无效,因为是手机号码限止11位数字输入。

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

 

解放方案:

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

 

很简单,搞定!


大家有什么问题或技术上的想法可以在此与大家分享,也可以加入前端爱好者QQ群(141999928)一起学习进步:【幸凡前端技术交流群】
如需转载请注明出处:http://www.86y.org/art_detail.aspx?id=821【解决input 属性为 number,maxlength无效情况】幸凡学习网
0

如果您觉得本文的内容对您的学习有所帮助,捐赠与共勉,支付宝(左)或微信(右)

阅读全文内容关闭