[英]Input Validation in AngularJs Form
问题,
不知何故我无法使用AngularJs获得正确的验证。 当所需字段不存在或提交错误时,我只希望用户输入框为红色。
我已创建一个Plunker http://plnkr.co/edit/0ea77wRG3EJC13c22LLn 。 为了理解,我创建了一个非常简单的Plunker。
<input type="text" name="email" ng-model="userEmail" required>
请帮忙
如果您希望在单击提交按钮时显示验证消息,请使用标记。 当您单击flag时,将flag设置为true并使用angularJs中的条件,如下所示
<div class="form-group" ng-class="{ 'has-error' : submitClicked && userForm.email.$invalid && !userForm.email.$pristine }">
并在单击提交按钮时将submitClicked标志设置为true
<button type="submit" class="btn btn-primary btn-large" ng-click="submitClicked=true">Submit</button>
你甚至可以尝试这个链接
如果在表单标签中存在novalidate
属性,则验证将不起作用。
将其删除以在提交时进行工作表单验证。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.