我正在处理用户需要输入字段的角度表单验证（这是必需的）
为了进行必填字段验证，我使用了角度表单验证。使用
ng-required="ture"，但不幸的是我在 chrome 浏览器上得到了工具提示。 （见下图）
如果我在输入标签中使用novalidate。验证不起作用，
那么如何在提交按钮点击时显示所有无效的输入字段“必填消息”？
【问题讨论】：
标签： javascript html forms validation
您可以向表单元素添加novalidate 属性以禁用浏览器验证。 JS Fiddle
【讨论】：
novalidate 会解决您的问题，要在表单提交时显示错误消息，您可以使用在表单提交期间触发的form.$submitted 事件。
例如你的情况
<input type="text" name="taskName" placeholder="Task Name" ng-model="tastName" ng-required="true" />
<span class="error" ng-show="frm.taskName.$error.required && (frm.taskName.$touched || frm.$submitted)">Name is required</span>
【讨论】：
使用 ng-class 和 form.$submitted 得到了答案（感谢@Shailendra Sharma 的回答）
此逻辑将在提交点击时显示错误消息和用红色边框装饰的输入字段，而没有任何 chrome 工具提示。
<input type="text" ng-class="{'inputError': (frm.taskName.$error.required && (frm.taskName.$touched || frm.$submitted))}" name="taskName" novalidate placeholder="Task Name" ng-model="tastName" ng-required="true" />
<span class="error" ng-show="frm.taskName.$error.required && (frm.taskName.$touched || frm.$submitted)">Name is required</span>
【讨论】：
novalidate 是让浏览器停止验证的表单属性
这里的文档解释它https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form
<form name="frm" ng-submit="add()" novalidate>
<input type="text" name="taskName" placeholder="Task Name" ng-model="tastName" ng-required="true" />
<span class="error" ng-show="frm.taskName.$error.required && frm.taskName.$touched">Name is required</span>
<!--{{ frm.taskName.$error }}-->
<br />
<label>estimation time:</label>
<select ng-model="time" name="time" ng-options="t for t in NOTask" ng-required="true">
<option value="" selected="selected">Please select</option>
</select>
<span class="error" ng-show="frm.time.$error.required && frm.time.$touched">Please select time</span>
<br /> {{ frm.$valid }}
<input type="submit" name="name" value="Add" />
</form>
【讨论】：