So deaktivieren Sie die Schaltfläche zum Senden von Formularen bei Verwendung der Bootstrap-Validierung

Question

Ich habe ein Formular, das mit dem Bootstrap-Validator http://1000hz.github.io/bootstrap-validator/ validiert wird.

Sie sehen das Formular zunächst nicht (Anzeige: keine). Wenn Sie zu dem Schritt gelangen, in dem Sie das Formular ausfüllen, ist die Schaltfläche Senden aktiviert, obwohl das Formular nicht gültig ist. Wenn ich das Formular jedoch sofort anzeigen lasse, wird die Schaltfläche Senden deaktiviert, bis das Formular gültig ist, wie ich es möchte. Hat jemand eine Idee, warum das passiert und wie man es zum Laufen bringt?

<div id="step0"> 
    Some code here that is visible in the first step 
    <div class="row"> 
    <button type="button" class="btn btn-primary" onclick="step1();">Go to step 1</button> 
    </div> 
</div> 

<div id="step1" style="display: none;"> 
    <form id="forma-klijenta" data-toggle="validator" method="post" action="test.php"> 
    <div class="row"> 
     <div class="col-md-8 col-sm-12 form-right"> 
     <h3> Lični podaci </h3> 
     <div class="row"> 
      <div class="col-xs-12 form-group col-sm-6"> 
      <input autocomplete="off" class="form-control" id="ime" data-minlength="2" name="ime" placeholder="Ime" required type="text" value="" 
      pattern="^[A-ZŠĐČĆŽa-zšđčćž]([-' ]?[A-ZŠĐČĆŽa-zšđčćž])+$"data-error="Ime je obavezno. Dozvoljeni specijalni karakteri su - i '." /> 
      <div class="help-block with-errors"></div> 
      </div> 
     </div> 

     </div> 
    </div> 
    <div class="row form-group"> 
     <button type="submit" class="btn btn-primary">Submit</button> 
    </div>  

    </form> 
<!--  Kraj forme za unos podataka --> 
</div> 

Answer 1

Dies ist, wie ich um dieses gearbeitet:

• entfernt style = "display: none;"

• Added jQuery

  $(document).ready(function(){ 
      $("#step1").hide(); 
  });