js input输入框校验

比眉伴天荒 2022-10-01 07:55 221阅读 0赞

只能输入英文

只能输入英文

无法粘贴，右键不会弹出粘贴菜单  
  
只能输入数字：

只能输入数字，小数点：

只能输入数字，小数点，下划线：

只能输入英文和数字：

只能输入汉字：

禁止输入法输入：

无法切换输入法

只能输入中文、英文、数字、@符号和.符号：

不能为空：

input校验输入长度, 当输入长度超过8位数, 则提示, 将上一次的数据返回

<input type="text" maxlength="9" v-model="data" @input="verifyData">
    
    verifyData() {
      if (this.data.length > 8) {
        Toast('已超过最大的充值额度');
      }
    },

正则：

大于0的正整数（不包括0）  
var reg = /^\\+?\[1-9\]\\d\*$/;

正整数和0（包括0）  
var reg = /^\[1-9\]\\d\*|0$/;

最多2位小数（非负）  
var reg = /\\d+(\\.\\d\{0,2\})?/

只能中文和数字  
var reg = /\[^\\w\\u4E00-\\u9FA5\]/g

input输入框输入验证  
οnkeyup="this.value= this.value.match(/\\d+(\\.\\d\{0,2\})?/) ? this.value.match(/\\d+(\\.\\d\{0,2\})?/)\[0\] : ''"

οnkeyup="value=value.replace(/\[^\\w\\u4E00-\\u9FA5\]/g, '')"

[js各种验证文本框输入格式(正则表达式)][js]

**不能为空**   
<input οnblur="if(this.value.replace(/^ +| +$/g,'')=='')alert('不能为空!')">

**只能输入英文和数字**  
<input οnblur="if(/\[^0-9a-zA-Z\]/g.test(value))alert('有错')">  
<input οnkeyup="value=value.replace(/\[^0-9a-zA-Z\]/g,'')"/>  
<input type="text" οnkeyup="value=value.replace(/\[^\\a-\\z\\A-\\Z0-9\]/g,'')">

**判断字符由字母和数字，下划线,点号组成.且开头的只能是下划线和字母**   
/^(\[a-zA-z\_\]\{1\})(\[\\w\]\*)$/g.test(str)

**只能输入数字**  
<input name="text" type="text" id="NewPage" onKeyUp="value=value.replace(/\\D/g,'')" onafterpaste="value=value.replace(/\\D/g,'')" >

**只能输入中文**  
<input type="text" οnkeyup="value=value.replace(/\[^\\u4E00-\\u9FA5\]/g,'')">

**只能输入英文**  
<input type="text" οnkeyup="value=value.replace(/\[^\\a-\\z\\A-\\Z\]/g,'')">  
<input type="text" οnkeyup="value=value.replace(/\[^a-zA-Z\]/g,'')">

**只能输入中文、英文、数字、@符号和.符号**  
<input type="text" οnkeyup="value=value.replace(/\[^\\a-\\z\\A-\\Z0-9\\u4E00-\\u9FA5\\@\\.\]/g,'')">

**只允许输入英文，且不能粘贴也无法弹出粘贴菜单**  
<input type="text" οnkeyup="value=value.replace(/\[^\\a-\\z\\A-\\Z\]/g,'')" οnkeydοwn="fncKeyStop(event)" οnpaste="return false" oncontextmenu = "return false"/>

**只能输入数字和点号(注意:在\[^\\d\\.\]里的d不能写成大写D,否则就变成除了数字以外的所有字符)**  
<input name="price" type="text" size="8" maxlength="8" οnkeyup="value=value.replace(/\[^\\d\\.\]/g,'')" >

总而言之:先在<input>里输入οnkeyup="value=value.replace(/\[^\\X\]/g,'')" 然后在(/\[\\X\]/g,'')里的X换成你想输入的代码就可以了

**中文**：u4E00-u9FA5  
**数字**：d、0-9  
**英文**：a-z、A-Z  
其它符号@,点或其它符号.也可以多个,用\\隔开就行了.  
例如:  
中、英文和数字加@符号加点符号：\\a-\\z\\A-\\Z0-9\\u4E00-\\u9FA5\\@\\.

若想在文本框里不能右键弹出菜单和不能粘贴进复制的信息的话就要在<input>里输入 onKeyDown="fncKeyStop(event)" οnpaste="return false" οncοntextmenu="return false;"

[js]: https://www.cnblogs.com/fillim/p/6495792.html