输入限制总结

最新推荐文章于 2022-12-03 15:26:08 发布

原创最新推荐文章于 2022-12-03 15:26:08 发布 · 572 阅读

0 ·

CC 4.0 BY-SA版权

JS实用代码专栏收录该内容

17 篇文章

订阅专栏

本文介绍如何使用HTML和JavaScript限制输入框的最大字符数及确保只输入正整数的方法。通过简单的代码示例展示了如何实现这些功能，适用于电话号码等场景。

一、限制<input>中输入的最大字符数

<input type="text" name="email" maxlength="11" />  //最多输入11个数

后来发现当input="number”时，maxlength不管用，改变一下思路

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

在输入电话号码时很方便

二、input输入框加入限制只能输入正整数，输入其他字符会自动清除

<input type="text" value="1"  
    onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}"  
    onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'0')}else{this.value=this.value.replace(/\D/g,'')}" />