javascript - 当用户尝试提交未完成的 Angular 表单时显示错误

Question

我目前正在使用 Angular 表单，用户单击“下一步”并显示表单的下一部分。但是，我有它，以便在所有字段都有效之前禁用下一步按钮。

我的问题是，当用户单击下一步按钮时，如何添加我制作的类以突出显示未完成的字段？我应该使用 $scope.watch 还是有更简单的方法来根除无效表单的来源？

Answer 1

如果我正确理解了这个问题，文档中有一个很好的例子来说明你想要完成的事情：http ://docs.angularjs.org/api/ng.directive:form

如果该字段为空，则会显示一条消息

<form name="myForm" ng-controller="Ctrl">
  userType: <input name="input" ng-model="userType" required>
  <span class="error" ng-show="myForm.input.$error.required">Required!</span>