js input输入框校验

只能输入英文

<input type="text" οnkeyup="value=value.replace(/[^a-zA-Z]/g,'')">

只能输入英文

<input type="text" οnkeyup="value=value.replace(/[^\a-\z\A-\Z]/g,'')"
οnkeydοwn="fncKeyStop(event)" οnpaste="return false"
οncοntextmenu="return false" />

无法粘贴，右键不会弹出粘贴菜单

只能输入数字：

<input οnkeyup="this.value=this.value.replace(/\D/g,'')"
onafterpaste="this.value=this.value.replace(/\D/g,'')">

只能输入数字，小数点：

<input name="price" type="text" οnkeyup="value=value.replace(/[^\d\.]/g,'')">

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

<input name="price" type="text"
οnkeyup="value=value.replace(/[^\d\._]/g,'')">

只能输入英文和数字：

<input οnkeyup="value=value.replace(/[\W]/g,'') "
onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">

只能输入汉字：

<input οnkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')"
onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))">

禁止输入法输入：

<input type="text" style="ime-mode: disabled">

无法切换输入法

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

<input type="text"
οnkeyup="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\@\.]/g,'')">

不能为空：

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

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位小数（非负）

a = /^(\d+|\d+\.\d{1,2})$/;

测试a.test(1.222);
结果：false

只能中文和数字

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各种验证文本框输入格式(正则表达式)

不能为空

<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 name="text" type="text" id="NewPage" onKeyUp="value=value.replace(/[^0-9.-]/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"/>

密码：数字字母特殊符号

<input type="text" οnkeyup="value=value.replace(/^(?=.*[a-zA-Z])(?=.*\d)(?=.*[!@#$%^&*()_+\-=[\]{};':"\\|,.<>/?]).*$/,'')">

只能输入数字和点号(注意:在[^\d.]里的d不能写成大写D,否则就变成除了数字以外的所有字符)

<input name="price" type="text" size="8" maxlength="8" οnkeyup="value=value.replace(/[^\d\.]/g,'')" >

总而言之:先在里输入

ο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@.

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

elementUI中使用

   <el-input type="text" v-model="form.num"  onkeyup = "this.value=this.value.replace(/[^\d]/g,'')"/>

或

   <el-input type="text" v-model="form.num"  oninput= "value=value.replace(/[^\d]/g,'')"/>

vue的rules校验

在vue的data中写校验
data(){
return{
rules:{
money:[
{
required: true,//非空判断
trigger: “blur”,
validator: Prices,//自定义校验
}
]
}，
}
//校验非负数的整数，且小数只能有两位
var Prices=(rule, value, callback)=>{
var reg1 = new RegExp(/^(\d+|\d+.\d{1,2})$/);
if (reg1.test(value)) {
callback();
} else {
callback(new Error(“只能输入数字，小数位最多两位”));
}
};

}