此文章发布于69
个月前,部分信息可能已经过时
,请自行斟酌确认。
vux
表单验证目录似乎没有好的方案,下面是一位网友分享的方法。
目前统一在提交逻辑前遍历组件,通过 focus 和 blur 的调用能够触发颜色和错误图标的效果,但是受制于 valid
验证只适用于 x-input
等少量组件,对于cell
或其他自定义组件的验证无法处理。
var isOK = true;
for (var x in this.$refs) {
if (this.$refs[x].validate) {
this.$refs[x].validate();
var valid = this.$refs[x].valid;
if (!valid) {
this.$refs[x].focus();
this.$refs[x].blur();
isOK = false;
}
}
}
if (isOK) {
alert("校验通过");
} else {
alert("校验不通过");
}