VUE 表单验证 ! validate中的内容验证为false时执行,true时不执行
作为初学者在VUE表单验证遇到一个大坑onSubmitaddForm:function( formName ){let _t = this;this.$refs[formName].validate((valid) => {console.log(123);conso...
·
作为初学者在VUE表单验证遇到一个大坑
onSubmitaddForm:function( formName ){
let _t = this;
this.$refs[formName].validate((valid) => {
console.log(123);
console.log(valid);
if(valid){
axios.post("", {
})
.then(function (response) {
if(response.code == 200){
_t.message(response.msg, 'success');
_t.$emit('');
_t.dialogNewteam = false;
} else {
_t.message(response.msg, 'error');
return false;
}
});
}
});
},
- valid为false时可执行console.log();
- 表单验证都通过时 console.log() 不执行 , 没有任何反应
- 原因是在自定义表单参数验证时 , 验证通过后一定要 添加callback();
- 验证通过 callback()
- 验证不通过 callback(new Error("提示信息"))
以下是一个完整的自定义手机号码验证 :
更多推荐
已为社区贡献1条内容
所有评论(0)