当用户尝试提交未完成的角形表单时显示错误

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>