如何删除“请填写此字段”在angularjs中单击提交表单时弹出，但其他验证应该可以工作 [英] how to remove "please fill out this field" pop up when click on submit form in angularjs but other validations should work

问题描述

我想删除请填写此字段弹出式窗口，因为已声明的验证和正常验证应显示。

Html：

 < div class =panel-body> 
 
< div class =form-groupng-class ={'has-error'：createForm.firstName。$ invalid&&！createForm.firstName。$ pristine}> 
< label class =label1>名字< / label> 
< input name =firstNameid =firstNameclass =form-controlplaceholder =First Namename =firstNametype =textng-model =adminGroupData.firstNamerequired /> 
< span style =color：redng-show =createForm.firstName。$ invalid&&！createForm.firstName。$ pristine>请输入名字< / span> 
< / div> 
 
< div class =form-group> 
< label class =label1>姓氏< / label> 
< input name =lastNameid =lastNameclass =form-controlplaceholder =Last Namename =lastNmaetype =textng-model =adminGroupData.lastName/ > 
< / div> 
 
< div class =form-group> 
< label class =label1>电子邮件ID< / label> 
< input type =emailname =emailid =emailclass =form-controlplaceholder =[e-mail] =ng-model =adminGroupData.email /> 
< / div> 
< div class =form-group> 
< label class =label1>密码< / label> 
< input name =passwordid =passwordclass =form-controlplaceholder =passwordvalue =ng-model =adminGroupData.password/> 
< / div> 
 
< button name =submittype =submitclass =btn btn-successid =ng-disabled =userForm。$ invalid> Save< / button> 
< button class =btn btn-defaultid =canceltype =buttononclick ='handleCancelCreateAdmin（）'>返回< /按钮> 
 
< / form> 
< / div> 
  

解决方案

添加 novalidate 属性为您的表格以禁用浏览器默认验证

For Ex

 < form role =formnovalidate id =createFormv name =createForm ng-submit =createAdminGroup（adminGroupData）> 
  

在此处查找更多

I want to remove the "please fill out this field" pop-up as validation and normal validations which are declared should display.

Html:

<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="[e-mail]" 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>

解决方案

Add novalidate attribute to your form to disable browser default validation

For Ex

<form role="form" novalidate id="createForm" v name="createForm"  ng-submit="createAdminGroup(adminGroupData)">

Find more here

这篇关于如何删除“请填写此字段”在angularjs中单击提交表单时弹出，但其他验证应该可以工作的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！