jak usunąć "proszę wypełnić to pole" pojawia się po kliknięciu na formularz zgłoszeniowy w angularjs, ale inne sprawdzenia powinny zadziałać

Question

Chcę usunąć wyskakujące okienko "proszę wypełnić to pole" jako walidację i normalne zatwierdzenia, które są zadeklarowane powinien wyświetlić.

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

dodawania novalidate atrybut do Twojego form wyłączyć domyślny walidacji przeglądarce

ex

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

Find more here

Answer 2

dodać atrybut formnovalidate wewnątrz przedstawienia przycisku:

Przykład:

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

spowoduje to wyłączenie tylko walidacji formularza przeglądarka. Nadal masz walidację z twojego kodu AngularJS.

Widać specyfikacji W3C here

miałem ten sam problem kilka dni temu i tak udało mi się rozwiązać