Please tell me whether it is possible to create a condition in jQuery Validate, according to which if there is at least one not valid <input> , then the send button is not active.
In javascript is not strong and in the jQuery Validate documentation, I also can not find ...
|
1 answer
$(document).ready(function(){ $("#reset-form").validate({ rules: { emailaddress: { required: true, email: true } }, messages: { email: "Please enter a valid email address" } }); $("#emailaddress").on("blur", function(){ if($("#reset-form").valid()) { $("#btn-reset").removeAttr("disabled"); } }); }); // end doc ready <script src="https://code.jquery.com/jquery-2.2.4.min.js"></script> <script src="https://cdn.jsdelivr.net/jquery.validation/1.15.0/jquery.validate.js"></script> <form action="" id="reset-form" class="reset-form"> <div class="form-row"> <label for="emailaddress">Email address</label> <input class="text-input" type="email" id="emailaddress" name="emailaddress"> </div> <div class="form-row arrow"> <input id="btn-reset" type="submit" value="Reset Password" class="btn-disabled btn-reset button button-blue" disabled="true"> </div> </form> |