[element-ui] element form 表单自定义验证

1、验证当前项

validatorForm(formName, attr, errorTxt) {
	this.$refs[formName].clearValidate(); // 移除表单项的校验结果
	this.rules[attr].push({
		validator: (rule, value, callback) => {
			callback(new Error(errorTxt));
		},
		trigger: 'blur'
	});
	this.$refs[formName].validateField(attr);
	this.rules[attr] = this.rules[attr].slice(0, 1);
	this.$refs[attr].focus();
}

2、调用

submitForm(formName) {
    this.$refs[formName].validate(valid => {
    	this.validatorForm(formName, 'password', '密码输入错误');
    	// this.validatorForm(formName, 'userName', '用户名输入错误');
    } else {
   		return false;
   	}
   });
}
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章