Javascript 将后端错误添加到myFormItem。$error而不使表单无效?

Javascript 将后端错误添加到myFormItem。$error而不使表单无效?,javascript,angularjs,forms,validation,Javascript,Angularjs,Forms,Validation,我使用ng消息显示组件的各种验证消息,如下所示: <ng-messages for="myForm.myField.$error" ng-if="myForm.myField.$touched"> <ng-message when="required">My Field required</ng-message> <ng-message when="foo">Foo Message</ng-message> &l

我使用ng消息显示组件的各种验证消息,如下所示:

<ng-messages for="myForm.myField.$error" ng-if="myForm.myField.$touched">
    <ng-message when="required">My Field required</ng-message>
    <ng-message when="foo">Foo Message</ng-message>
    <ng-message when="backend">{{myForm.backendMessages.myField}}</ng-message>
</ng-messages>
这在将消息放在我想要的地方方面效果很好,但这显然会将表单标记为无效,这意味着在触发客户端验证时,我不能使用简单的逻辑来禁用表单提交

有没有一种很好的方法可以添加到myField.$error而不会使组件和表单失效?或者,一旦用户弄脏表单,我必须重置所有有效标志,这将使消息消失?如果是后者,最好的方法是什么

使用Angular 1.4.1 FWIW。

我还没有使用ng messages组件,但听起来使用novalidate属性可以工作

<form method="POST" action="xyz" novalidate> ... </form>

通过这种方式,组件将进行验证,浏览器将不会触发本机验证错误。

困惑…您到底在寻找什么?理想情况下,这是一种不必将字段标记为无效的方式,在客户端验证运行后不会立即飞溅。不,这与此无关。
<form method="POST" action="xyz" novalidate> ... </form>