前置知识

Element-UI

根据官网文档导入

• 导入包
• 引入样式

表单验证demo

表单校验规则

ElementUI的表单校验规则来自第三方校验规则参见 async-validator (opens new window)

规则	说明
required	如果为true，表示该字段为必填
message	当不满足设置的规则时的提示信息
pattern	正则表达式，通过正则验证值
min	当值为字符串时，min表示字符串的最小长度，当值为数字时，min表示数字的最小值
max	当值为字符串时，max表示字符串的最大长度，当值为数字时，max表示数字的最大值
trigger	校验的触发方式，change（值改变） / blur （失去焦点）两种，
validator	如果配置型的校验规则不满足你的需求，你可以通过自定义函数来完成校验

校验规则的格式：

rules:{key(字段名):value(校验规则),key(字段名):value(校验规则)}

校验规则可以是数组的形式，进行多个规则的校验