el-input 怎么设置正则验证
时间: 2023-08-29 11:13:08 浏览: 1223
常用输入框正则验证
可以使用 el-input 的属性 pattern 来设置正则验证。例如:
```html
<el-input v-model="inputValue" pattern="^[a-zA-Z]+$"></el-input>
```
上面的代码中,pattern 属性设置的是一个只包含英文字母的正则表达式。这样就可以在用户输入时进行验证,只有输入符合正则表达式规则的内容才能通过验证。如果输入不符合规则,则会出现提示信息。
同时,也可以使用 el-form-item 的属性 rules 来设置正则验证。例如:
```html
<el-form-item label="用户名" prop="username" :rules="[{pattern: /^[a-zA-Z]+$/, message: '只允许输入英文字母'}]">
<el-input v-model="username"></el-input>
</el-form-item>
```
上面的代码中,rules 属性设置的是一个包含正则表达式和提示信息的数组。这样就可以在表单提交时进行验证。如果输入不符合规则,则会出现提示信息。
阅读全文