element input输入框格式校验

1，禁止输入特殊字符：global.js中设置：//文本输入框的特殊字符禁止输入Vue.prototype.validSpecialZf=function(valInput){valInput=valInput.replace(/[`~!@#$%^&*()_\-+=<>?:"{}|,./;'\\[\]·~！@#￥%……&*（）——\-+={}|《》？：“”【】、；‘’，

web老张头

3925人浏览 · 2020-11-17 14:16:06

web老张头 · 2020-11-17 14:16:06 发布

1，禁止输入特殊字符：

global.js中设置：

// 文本输入框的特殊字符禁止输入

Vue.prototype.validSpecialZf = function(valInput) {

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

return valInput;

};

页面中调用：

<el-input v-model=" formAdd.zy" maxlength="30" @input="e => formAdd.zy = validSpecialZf(e)"></el-input>

2，只能输入数字：

<el-input v-model="czhkdzqh" maxlength="6" οninput="value=value.replace(/[^\d]/g,'')"></el-input>

3，只能输入数字+字母（用于数字字母组合的验证）：

<el-input v-model="czhkdzqh" maxlength="6" οninput="value=value.replace(/[\W]/g,'')"></el-input>

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^