我想删除"请填写此字段"弹出窗口,因为应显示声明的验证和正常验证。
网址:
<div class="panel-body">
<form role="form" id="createForm" v name="createForm" ng-submit="createAdminGroup(adminGroupData)">
<div class="form-group" ng-class="{ 'has-error' : createForm.firstName.$invalid && !createForm.firstName.$pristine}">
<label class="label1">First Name</label>
<input name="firstName" id="firstName" class="form-control" placeholder="First Name" name="firstName" type="text" ng-model="adminGroupData.firstName " required/>
<span style="color:red" ng-show="createForm.firstName.$invalid && !createForm.firstName.$pristine">Please enter first name</span>
</div>
<div class="form-group">
<label class="label1">Last Name </label>
<input name="lastName" id="lastName" class="form-control" placeholder="Last Name" name="lastNmae" type="text" ng-model="adminGroupData.lastName" />
</div>
<div class="form-group">
<label class="label1"> Email Id </label>
<input type="email" name="email" id="email" class="form-control" placeholder="email@xyz.com" value=""ng-model="adminGroupData.email"/>
</div>
<div class="form-group">
<label class="label1"> Password </label>
<input name="password" id="password" class="form-control" placeholder="password" value="" ng-model="adminGroupData.password" />
</div>
<button name="submit" type="submit" class="btn btn-success" id="" ng-disabled="userForm.$invalid">Save</button>
<button class="btn btn-default" id="cancel" type="button" onclick='handleCancelCreateAdmin()'> Back </button>
</form>
</div>
4条答案
按热度按时间rxztt3cl1#
将
novalidate
属性添加到form
以禁用浏览器默认验证例如
**一个
1rhkuytd2#
在提交按钮中添加属性formnovalidate:
示例:
这只会禁用浏览器表单验证。您仍然可以使用AngularJS代码进行验证。
您可以在此处查看W3C规范
几天前我也遇到过同样的问题,这就是我如何设法解决的
e37o9pze3#
我刚刚试过这个,它的工作:
oninvalid=“这个.集合自定义有效性(' ')”oninput=“这个.集合自定义有效性('')”〉
我在两个单引号之间加了一个空格。
由于我在输入字段中添加了引导工具提示,并且是必需的,因此无效的输入将成为焦点并显示工具提示值。
比我想象的要简单。
vhipe2zx4#
标题="”
即使输入在表单之外,工具提示也会出现,在这种情况下,它不适用于
novalidate
。一个解决方案是删除
required
,但是如果你有一个很大的代码库,那么一个快速的黑客将添加title=""
。<input type="text" required title="" />