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

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

作者: 钢铁萝莉猫 | 来源:发表于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