当用户试图提交未完成的角表单时显示错误
Displaying an error when a user tries to submit an angular form that isn't completed
我目前正在使用一个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>
相关文章:
- 如何创建一个“;表单弹出框“;在chrome中右键单击时位于突出显示的单词上方
- jQuery动态表单显示在select选项上
- 当选择值x时,Javascript需要在正确的位置显示文本区域,从而循环通过具有选择选项的表单
- 将表单张贴到MailChimp,但显示动态成功页面
- HTML5在提交并显示所需标签后显示隐藏的表单元素
- HTML多页表单显示隐藏部分,保留表单数据
- 使用JavaScript将数据从一个表单显示到另一个页面
- Php 搜索表单显示结果时无需按搜索按钮,而它应该等到按下按钮才能显示它们
- HTML:如何使一个表单显示在另一个表单之上
- 值通过表单提交,然后即使在提交并显示值之后,也会以表单显示已提交的值
- 提交时的 Jquery 表单显示成功消息
- 是否有可接受的跨平台方法在基于触摸的设备上以标准 Web 表单显示数字键盘
- 如何将表单显示从=更改为:
- 表单显示问题+数组下的结果
- 自动完成使用Alpaca表单显示密钥和值
- Google appscript表单显示供用户选择的数组值
- 引导提交表单显示从javascript计时器
- 表单显示PHP HTML
- 基于PHP ajax的表单显示空白页面
- ASP.NET表单显示另一个字段中基于节的表单字段