el-form正则特殊字符校验
时间: 2023-11-17 17:05:54 浏览: 287
正则表达式,数字校验,字符校验,特殊需求表达
el-form中可以使用正则表达式进行特殊字符校验。具体实现方法是在el-form-item中使用prop属性指定需要校验的字段,在rules属性中定义校验规则,其中validator属性可以使用正则表达式进行校验。
例如,需要校验一个输入框中是否包含特殊字符,可以在el-form-item中定义如下规则:
```
<el-form-item label="输入框" prop="input">
<el-input v-model="inputValue"></el-input>
</el-form-item>
...
data() {
return {
inputValue: ''
}
},
rules: {
input: [
{
validator: (rule, value, callback) => {
const reg = /^[a-zA-Z0-9_\u4e00-\u9fa5]+$/
if (!reg.test(value)) {
callback(new Error('输入框中不能包含特殊字符'))
} else {
callback()
}
},
trigger: 'blur'
}
]
}
```
阅读全文