AngularJS验证不起作用
AngularJS validations not working?
我是AngularJS的新手,我刚刚开始调整它附带的验证,但由于某种原因我无法让它们工作:
<div class="row">
<div class="col-xs-6">
<h2>Login</h2>
<p class="text-danger">{{message}}</p>
<form name="form" novalidate>
<label>Email: </label>
<input type="email" ng-model="credentials.email" placeholder="Email" class="form-control" required />
<label>Password: </label>
<input type="password" ng-model="credentials.password" placeholder="Password" class="form-control" />
<br />
<button class="btn btn-primary" ng-click="authenticate(credentials)">Login</button>
<a href="#/register">Register</a>
</form>
</div>
</div>
我命名了表格并放了novalidate
。然后我尝试根据需要输入电子邮件,但将属性放在那里。但是表单仍然提交,AngularJS不会阻止它提交或显示任何警告。我错过了什么?
为输入提供名称字段
<form name="form" novalidate>
<label>Email: </label>
<input type="email" name="email" ng-model="credentials.email" placeholder="Email" class="form-control" required />
<label>Password: </label>
<input type="password" ng-model="credentials.password" placeholder="Password" class="form-control" />
<br />
<button class="btn btn-primary" ng-disabled="form.$invalid" ng-click="authenticate(credentials)">Login</button>
<a href="#/register">Register</a>
</form>
这是 plunker :-)http://plnkr.co/edit/pAA2wBp8zgIZV6QLwO7S?p=preview
如果要将其设为可选,请从电子邮件输入中删除required
属性。
<input type="email" ng-model="credentials.email" placeholder="Email" class="form-control"/>
如果要删除电子邮件验证,请更改字段类型。
HTML5 始终验证电子邮件,如果您type="email"
<input type="text" ng-model="credentials.email" placeholder="Email" class="form-control"/>
相关文章:
- 为什么此验证代码不起作用
- Jquery的表单验证不起作用
- Javascript文本框验证不起作用
- javascript验证和ajax调用同时不起作用
- 外部JavaScript验证不起作用
- Asp自定义验证器在IE-11中不起作用
- javascript文本验证不起作用.警报消息没有't显示
- 我的角度形式输入[数字]验证不起作用
- 回发前所需的字段验证程序不起作用
- Javascript电子邮件验证不起作用
- 基本node.js express身份验证不起作用
- 使用 Ajax 调用进行验证不起作用
- 在键上验证正在工作,但在按键时它不起作用
- 使用 Google OAuth 2.0 进行客户端身份验证不起作用
- 表单验证在 HTML 中工作的 Visualforce 中不起作用
- 提交时 JavaScript 验证不起作用
- 表单验证不起作用,并阻止表单提交
- Jquery 引导程序验证 asp.net 母版页不起作用
- Struts2 Ajax 验证不起作用
- jQuery .valid() 不起作用?(验证插件)