angular - ngx-materialize：如何在表单提交时显示验证错误？

Question

页面https://sherweb.github.io/ngx-materialize/form-validation上的所有示例都禁用了提交按钮，直到表单有效。我想让它启用并在提交时显示验证错误（如果有）。

可能吗？

Answer 1

您可以在用户尝试提交表单时直接更改表单变量中输入字段的 原始键的值。如果您的表单无效，请执行this.yourform.get('your_input_field').pristine = false;无效字段并立即显示错误消息。

Answer 2

您可以从提交按钮标签中删除 [disabled]="form.valid"。当用户按下提交按钮时，您可以控制验证。