基本步骤-共三步
-
定义验证规则。data()中按格式定义规则
-
在模板上做属性配置来应用规则(三个配置)
给表单设置
rules
属性传入验证规则给表单设置
model
属性传入表单数据给表单项(Form-Item )设置
prop
属性,其值为设置为需校验的字段名 -
手动兜底验证
步骤1-定义表单验证规则
在 data 中,补充定义规则。
格式:
data() {
return {
rules: {
// 字段名1:表示要验证的属性
// 值: 表示验证规则列表。它是一个数组,数组中的每一项表示一条规则。
// 数组中的多条规则会按顺序进行
字段名1: [
{ 验证规则1 },
{ 验证规则2 },
],
字段名2: [
{ 验证规则1 },
{ 验证规则2 },
],
}
}
}
示例
{ required: true, message: '请输入验证码', trigger: 'blur' },
{ pattern: /^\d{6}$/, message: '请输入合法的验证码', trigger: 'blur' },
{ min: 6, max: 8, message: '长度为6-8位', trigger: