jQuery Validate и неактивная кнопка отправки

385

27 мая 2017, 18:18

Доброго времени суток, друзья. Подскажите пожалуйста можно ли в jQuery Validate создать условие по которому если хоть один инпут невалиден, то кнопка отправки не активна. В javascript не силен, и в документации jQuery Validate, тоже не могу найти...

Answer 1

$(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>