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

Displaying an error when a user tries to submit an angular form that isn't completed

本文关键字:表单 显示 错误 未完成 用户 提交      更新时间:2023-09-26

我目前正在使用一个Angular表单,用户单击"Next Step",表单的下一部分就会显示出来。但是,我这样做是为了在所有字段都有效之前禁用下一步按钮。

我的问题是,我如何添加一个类,我已经做了突出显示字段,当用户单击下一步按钮时未完成?我应该使用$scope吗?是否有更简单的方法来根除无效表单的来源?

如果我正确理解了这个问题,文档中有一个很好的例子说明您要完成的任务: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>