JQuery forme conflit de validation

Question

J'utilise la bibliothèque de validation de formulaire Jquery:

jquery-validate.js

Lorsque l'utilisateur soumet le formulaire I glisser vers le bas une div qui a une case à cocher qui doit être chekced afin de procéder:

if(!$('#agreeConfirm').is(':checked')){ 

    alert('Please tick to agree to our terms and conditions'); 
    $('.termsAgree').slideDown(); 
    return true; 

} 

Cela fonctionne tant que la forme ne soit pas soumis et l'affichage d'alerte le long de la slideDown qui présente la case à cocher. Toutefois, si l'une des options de sélection n'a pas été sélectionnée par l'utilisateur, le formulaire s'affiche (bien que le message "Ce champ est requis" s'affiche.) Si je commente mes lignes ci-dessus, le comportement correct est respecté

Mon code de validation la structure est la suivante:.

$("form#register").validate({ 

rules:{ 

     name:{ 
      required: true, 
      number: false 
     }, 

     ..... 

     add1:{ 
     required: true 
     }  

} 

}); 

$('form#register').submit(function(){ 

    ... 

    if(!$('#agreeConfirm').is(':checked')){ 

     alert('Please tick to agree to our terms and conditions'); 
     $('.termsAgree').slideDown(); 
     return false; 

    } 

} 

Merci à l'avance

Answer 1

Vous pouvez ajouter une règle pour la case à cocher dans la méthode de validation de formulaire pour le champ Rechercher this

Answer 2

Vous ne devriez pas utiliser un.. Séparer entier mangé submit fonction de gestionnaire lors de l'utilisation du plugin jQuery Validate. C'est redondant et la cause de votre conflit. Le plugin gère déjà automatiquement l'événement submit ...

Le plugin a une fonction de rappel submitHandler que vous utiliseriez pour tout ce qui doit être fait lorsqu'un formulaire valide est soumis.

quelque chose comme ça ...

$("form#register").validate({ 
    rules:{ 
     name:{ 
      required: true, 
      number: false 
     }, 

     ..... 

     add1:{ 
      required: true 
     } 
    }, 
    submitHandler: function(form) { 
     // something to do when the form is valid 
     if(!$('#agreeConfirm').is(':checked')){ 
      alert('Please tick to agree to our terms and conditions'); 
      $('.termsAgree').slideDown(); 
      form.submit(); 
     }; 
     return false; 
    }, 
    invalidHandler: function(event, validator) { 
     // something to do when validation fails 
    } 
}); 

Voir toutes les options de rappel: http://jqueryvalidation.org/validate