come rimuovere "si prega di compilare questo campo" pop-up quando si fa clic su invia modulo in angularjs ma altre convalide dovrebbero funzionare

Question

Voglio rimuovere il pop-up "per favore compila questo campo" come validazione e validazioni normali che vengono dichiarate dovrebbe essere visualizzato

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="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> 

Answer 1

Add novalidate attributo al tuo form per disabilitare il browser predefinito di convalida

Per Ex

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

Find more here

Answer 2

aggiungere l'attributo formnovalidate all'interno del pulsante di invio:

Esempio:

<button name="submit" type="submit" formnovalidate class="btn btn-success">Save</button> 

Questo disabiliterà solo la validazione dei form browser. Hai ancora la convalida dal tuo codice AngularJS.

Si può vedere la specifica W3C here

Ho avuto lo stesso problema qualche giorno fa ed è così che sono riuscito a risolvere