Element-ui表单验证_elementui表单校验

对于elementui引入的表单验证，主要分四个步骤：

1、在表单上绑定验证规则----->:rules="rules"

2、在表单项上添加验证字段名（注意：和绑定数据的字段名保持一致）

3、在data数据下声明验证规则对象

  rules: {
                account: [
                    { required: true, message: '请输入账号', trigger: 'blur' },
                    { min: 1, max: 6, message: '长度在 1 到 6 个字符', trigger: 'blur' }
                ],
                password: [
                    { required: true, message: '请输入密码', trigger: 'blur' },
                    { min: 6, max: 12, message: '长度在 6 到 12 位', trigger: 'blur' }
                ]
            }

4、统一验证重置表单

在element-ui的form表单板块中有个validate方法。该方法是对整个表单进行校验的方法，参数为一个回调函数。该回调函数会在校验结束后被调用，并传入两个参数：是否校验成功和未通过校验的字段。若不传入回调函数，则会返回一个 promise

 onSubmit() {
            //表单验证，统一验证
            this.$refs.form.validate(result => {
                if (result) {
                    console.log("验证通过");
                }
            })
        },