美文网首页
表单验证(发送请求后实时验证)

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

作者: 钢铁萝莉猫 | 来源:发表于2020-07-15 09:59 被阅读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()
        },

相关文章

网友评论

      本文标题:表单验证(发送请求后实时验证)

      本文链接:https://www.haomeiwen.com/subject/jofdhktx.html