el表单验证使用正则表达式
时间: 2023-12-18 18:21:34 浏览: 159
用正则表达式验证表单
在el表单验证中,可以使用正则表达式来验证用户输入的内容是否符合要求。下面是一些常用的正则表达式及其用途:
1. 验证手机号码:/^(13[0-9]|14[579]|15[0-3,5-9]|16[6]|17[0135678]|18[0-9]|19[89])\d{8}$/
2. 验证邮箱地址:/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/
3. 验证身份证号码:/^\d{15}|\d{18}$/
4. 验证用户名:/^[a-zA-Z0-9_-]{3,16}$/
5. 验证密码:/^[a-zA-Z0-9_-]{6,18}$/
在el表单验证中,可以通过v-pattern指令来使用正则表达式进行验证,例如:
```
<el-form-item label="手机号码">
<el-input v-model="phone" v-pattern="/^(13[0-9]|14[579]|15[0-3,5-9]|16[6]|17[0135678]|18[0-9]|19[89])\d{8}$/"></el-input>
</el-form-item>
```
在上面的例子中,使用了v-pattern指令来指定手机号码的正则表达式。如果用户输入的内容不符合正则表达式的要求,则会提示用户输入正确的内容。
阅读全文