element ui 简单应用：表单验证

表单验证的基本步骤共三步
1、定义验证规则
表单的验证在data()中补充定义规则：
rules: {
// 字段名1：表示要验证的属性
// 值: 表示验证规则列表。它是一个数组，数组中的每一项表示一条规则。
// 数组中的多条规则会按顺序进行
字段名1: [
{ 验证规则1 },
{ 验证规则2 },
],
字段名2: [
{ 验证规则1 },
{ 验证规则2 },
],
}
比如一下代码

	rules:{
     username:[
      {required:true,message:'请输入用户名',trigger:'blur'},
      {pattern:/^1\d{10}$/, message:'格式不对', trigger:'blur'}
      ],
      password:[
      {required:true,message:'请输入用密码',trigger:'blur'},
      {min:6,max:8,message:'请输入用6到8位密码',trigger:'blur'},
      ]
      }

2、在模板上做属性配置
一、给表单设置rules（上面的步骤）
二、给表单设置model属性
三、给表单项设置prop属性

3、手动兜底验证

 methods: {
      doSubmit(){
        alert('请输入用户名')
      },
      onSubmit() {
        this.$refs.form.validate(valid=>{
          if(valid){
            this.doSubmit()
          }
        })
      }

自定义检验
基本格式

validator:function(rule,value,callback){
          if(value === '123456'){
            callback(new Error('密码不能设置为123456'))
          }else{
            callback()
          }
        },

三个参数中
rule：当前定义的规则
value：表单给的数据
callback：进行校验