我想在单击提交按钮时检查表单字段的所有验证，并在提交数据之前触发丢失或错误的字段验证
就像在提交时的先前版本的 angular 中一样，如果表单状态无效，我们可以触发所有错误验证
if (scope.sampleForm.$valid) {
// success code
} else {
angular.forEach(scope.sampleForm.$error, function (field) {
angular.forEach(field, function (errorField) {
errorField.$setTouched();
})
});
}
我检查了许多与此相关的答案，如果表单无效，大多数答案都是禁用提交按钮，我想在不禁用按钮的情况下实现这一目标，请建议我如何实现这一目标？我正在使用模板驱动的方法角度（v4）
如何引入一个新变量，例如submitted，然后为表单控件设置类似以下的条件firstname：
<div *ngIf="submitted && !firstname.valid">
<!-- Error messages here -->
</div>
在您的提交方法中，您只需设置此标志，就true好像表单无效一样：
(ngSubmit)="onSubmit(myForm)"
TS：
onSubmit(form) {
if(!form.valid) {
this.submitted = true;
}
else {
// valid, do something
}
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句