elmentui表单验证的validate(全部验证)validateField(局部验证)
·
1.validate,对整个表单进行校验的方法,参数为一个回调函数。该回调函数会在校验结束后被调用,并传入两个参数:是否校验成功和未通过校验的字段。若不传入回调函数,则会返回一个 promise,Function(callback: Function(boolean, object))
2.使用用例:
submitResForm(formName) {
this.$refs[formName].validate((valid) => {
if (valid) {
alert("submit!");
} else {
console.log("error submit!!");
return false;
}
});
},
3.validateField,对部分表单字段进行校验的方法Function(props: array | string, callback: Function(errorMessage: string))
4.用例:
submitLoginForm(formName) {
this.$refs.ruleForm.validateField("username", errorMsg => {
if (!errorMsg) {
this.$refs.ruleForm.validateField("password", errorMsg => {
if (!errorMsg) {
//验证通过
} else {
console.log("error submit!!");
return false;
}
});
} else {
console.log("error submit!!");
return false;
}
});
},
更多推荐
已为社区贡献6条内容
所有评论(0)