我想验证没有提交按钮的表单。表单验证angularjs无提交按钮
<div ng-controller="UserCreationCtrl">
<form novalidate="novalidate" class="form-horizontal">
<div class="control-group">
<label class="control-label" for="inputUserLogin">User Login:</label>
<div class="controls">
<input type="email" id="inputUserLogin" ng-model="user.userLogin" placeholder="User Login" required />
</div>
</div>
<div class="control-group">
<label class="control-label" for="inputFirstName">First name:</label>
<div class="controls">
<input type="text" id="inputFirstName" ng-model="user.firstName" placeholder="First name"/>
</div>
</div>
<div>
<span class="nullable">
<select ng-model="user.lookupId" ng-options="select as speciality.lookupName for speciality in specialityList" ng-change="selectedSpecilaty()">
<option value="">-- choose speciality --</option>
</select>
</span>
</div>
<div> some extra other fields goes here</div>
<div class="control-group">
<div class="controls">
<a ng-click="cancel()" class="btn btn-info btn-xs">cancel</a>
<a ng-click="createNewUser()" class="btn btn-small btn-primary">create new user</a>
</div>
</div>
</form>
</div>
如何使userlogin(email)
,firstname
和speciality
领域强制性的,email
场必须进行验证电子邮件。通常,我们如何验证没有提交按钮的表单。即,当我点击“创建新用户”链接时,表单应该被验证。
当单击链接后发生错误时,表单应该具有正确的字段数据,它应该只显示错误字段旁边的错误消息,或者显示带有红色字段的错误消息。
我们可以在没有控制器的情况下在html本身中对表单进行客户端验证吗?
感谢
领域的验证未与您的解决方案工作。我给了一个表单的名称和我添加的ng-disabled =“myForm。$ valid”的按钮。 – 2014-09-22 08:53:12
@PraveenReddy'ng-disabled =“!myForm。$ valid”' – karaxuna 2014-09-22 08:57:08
抱歉,我错过了!之前的代码,但仍然按钮“创建新用户”被禁用,当我点击按钮控制器中的方法被调用没有任何验证。 – 2014-09-22 09:01:39