elementui表单校验pattern
时间: 2023-09-03 21:08:27 浏览: 102
vue elementUI 表单校验的实现代码(多层嵌套)
5星 · 资源好评率100%
ElementUI 提供了表单校验的功能,包括了一些内置的校验规则,如必填、邮箱、URL 等。但是 ElementUI 并没有提供直接的 pattern 校验规则,不过我们可以通过自定义校验规则来实现类似的功能。
要实现 pattern 校验,可以使用 ElementUI 的自定义校验规则。首先,你需要在表单项的 `rules` 属性中定义一个自定义的校验规则函数,然后在函数中使用正则表达式来进行校验。
下面是一个示例代码:
```html
<template>
<el-form ref="form" :model="form" :rules="rules" label-width="100px">
<el-form-item label="用户名" prop="username">
<el-input v-model="form.username"></el-input>
</el-form-item>
<el-form-item label="密码" prop="password">
<el-input type="password" v-model="form.password"></el-input>
</el-form
阅读全文