javascript - How to use Bootstrap data-toggle="validator" but let submit button enabled -


im using bootstrap 3 , want validate form usign data-toggle="validator" want submit button enabled , warn user if input field empty when submit clicked. apreciated!

here´s example of code

 <form id="checkout" method="post" data-toggle="validator">          <input class="form-control" type="text" required="required"           data-error="please enter name" placeholder="first name" />           <button id="inputform" type="submit" class="btn btn-prio-one">                   <span>submit</span>          </button>  </form 

add attribute data-disable="false" form tag , should enable submit button.

<form id="checkout" method="post" data-toggle="validator" data-disable="false">

working example:

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"></link>  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>  <script src="https://cdnjs.cloudflare.com/ajax/libs/1000hz-bootstrap-validator/0.11.5/validator.min.js"></script>  <form data-toggle="validator" role="form" data-disable="false">      <div class="form-group">          <label class="control-label" for="inputname">name</label>          <input class="form-control" data-error="please enter name" id="name" placeholder="first name" type="text" required />          <div class="help-block with-errors"></div>      </div>      <div class="form-group">          <button class="btn btn-primary" type="submit">              submit          </button>      </div>  </form>


Comments

Popular posts from this blog

Sort a complex associative array in PHP -

vb.net - How to ignore if a cell is empty nothing -

recursion - Can every recursive algorithm be improved with dynamic programming? -