el-form 字段必须使用,分隔的检验
时间: 2024-09-18 09:12:03 浏览: 31
jQuery validate验证插件使用详解
`el-form` 是 Element UI 中的一个表单组件,它用于组织和验证用户的输入数据。当我们在 `el-form` 中添加字段时,通常会配合 `el-form-item` 进行配置。对于必填字段,需要设置 `prop` 属性,并通过 `required` 或者 `rules` 对象来指定。
当你想表示某个字段是必需填写的时,可以在 `rules` 对象中设置 `required: true`,例如:
```html
<el-form-item label="姓名" prop="name">
<el-input v-model="form.name" required></el-input>
</el-form-item>
```
在这个例子中,如果用户未填写姓名,提交表单时会触发错误提示,因为 `name` 字段的验证规则里指定了它是必填的。
如果你需要使用其他自定义的验证方式,可以将 `rules` 设置为一个函数或一个包含多个验证规则的对象数组。比如,如果你想用正则表达式检查邮箱格式,可以这样:
```javascript
data() {
return {
form: {
email: '',
},
rules: {
name: [{ type: 'string', required: true, message: '请输入您的姓名' }],
email: [{ type: 'email', required: true, message: '请输入有效的电子邮件地址' }]
}
};
}
```
阅读全文