antd+vue 表单的单个输入框验证

验证表单的单个输入框,如图点击获取验证码只进行手机号的验证,使用validateField对部分表单字段进行校验的方法
antd+vue 表单的单个输入框验证_第1张图片
antd+vue 表单的单个输入框验证_第2张图片

  //获取验证码
    getCode(){
        this.$refs['ruleForm'].validateField('phone', valid => {
            if (!valid) {
                alert('submit!');
            } else {
                console.log('error submit!!');
                return false;
            }
        });
    }
 //valid 是提示信息,不存在就是通过
 //多个输入框验证使用数组
    this.$refs['ruleForm'].validateField(['phone','username'], valid => { });

你可能感兴趣的:(ant,design,javascript,vue.js)