中文、英文、数字、特殊字符限制_输入框特殊字符限制-CSDN博客

本文链接：https://blog.csdn.net/aiiiszrh/article/details/125693328

1、校验input只能输入数字、小数

type=“number” 但是仍可以输入字母e或E
解决办法：给type=number的输入框添加一个正则表达式onKeypress=“return(/[\d.]/.test(String.fromCharCode(event.keyCode)))”

<el-input v-model.trim="userForm.FactoryNo" type="number" onKeypress="return(/[\d\.]/.test(String.fromCharCode(event.keyCode)))" clearable/>


//只能输数字
<el-input v-model.number="userForm.Tel" oninput="value=value.replace(/[^0-9]/g,'')" clearable/>

只能输入两位小数 
onkeyup="value=value.match(/\d+\.?\d{0,2}/);"

2、中文限制

<el-input v-model.trim="userForm.CorpNo" @input.native="inputChinese($event)" clearable/>
    // 中文限制
    inputChinese(e){
       e.target.value = e.target.value.replace(/[\u4E00-\u9FA5]/g, '')
    },

3、特殊字符限制

1、 inputSpecial(e){
        e.target.value = e.target.value.replace(/[`@~!#$%^&*()_\+=<>?:"{}|,/;'\\[\]·~！#￥%……&*（）\+={}|《》？：“”【】、；‘’，。、]/g,"");
    },
	2、<el-input v-model.trim="userForm.MatLactionName"  @input="userForm.MatLactionName=(userForm.MatLactionName).replace(/[^\u4e00-\u9fa5a-zA-Z0-9]/ig, '')" clearable/>

4、特殊字符+中文限制

	 1、   inputSpecialandCN(e){
        e.target.value = e.target.value.replace(/[\u4E00-\u9FA5`@~!#$%^&*()_\+=<>?:"{}|,/;'\\[\]·~！#￥%……&*（）\+={}|《》？：“”【】、；‘’，。、]/g,"");
    },