Comment désactiver un bouton alors qu'un formulaire ne valide pas avec jQuery validate?

Question

Je me demandais comment vous pouvez désactiver le bouton (ne pas soumettre) avec jQuery alors qu'un formulaire ne valide pas avec jQuery validate, mais quand il valide, activé le bouton.

Answer 1

$('#button').attr('disabled', 'disabled'); 
$("#myform").validate(); 
$("#submit").click(function() { 
    if ($("#myform").valid()) 
     $('#button').removeAttr('disabled'); 
}); 

Answer 2

C'est un peu difficile à faire. Ce que je vous suggère d'essayer un événement est contraignant change():

$(":input").change(function() { 
    $('#formid").validate(); 
    if ($("#formid").valid()) { 
    $("#buttonid").removeAttr("disabled"); 
    } else { 
    $("#buttonid").attr("disabled", true); 
    } 
}); 

La faiblesse de cette méthode est que, par exemple, si un champ de texte ne peut pas être vide l'événement change() ne sera pas tiré jusqu'à ce qu'il perde faites la mise au point pour que le bouton ne soit pas grisé. Si cela est important pour vous, vous pouvez ajouter un événement keydown().