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
Post a Comment