表单验证(发送请求后实时验证)

2020-07-15  本文已影响0人  钢铁萝莉猫
//给form一个ref
<el-form ref="inputSteps" > ... </el-form>
        // 定义好的验证规则
        var checkemail = (rule, value, callback) => {
            if (!value) {
                return callback(new Error('邮箱不能为空'))
            } else if (this.email_success === false) {
                //如果请求成功发送且结果为验证失败,email_success为false
                return callback(new Error('邮箱不存在,请联系管理员添加邮箱!'))
            } else {
                return callback()
            }
        }
async postEmail() {
           ...
            //在得到验证结果之后使用以下方法,触发表单验证
            this.$refs.inputSteps.validate()
        },
上一篇 下一篇

猜你喜欢

热点阅读