validation du formulaire JQuery - Valider le formulaire basé sur un autre champ de formulaire

Question

I "m en utilisant la validation du formulaire Jquery qui sous la forme de base ressemble à ceci

$('#shopping_form').validate({   
    submitHandler: function(){ 
    $.post("/url", { message: messageval}, function(data) { 
    ...... 
    ...... 
    }, 
} 
,rules: { 
    message: { required:true }, 
    price: { number: true }     
} 
}); 

Maintenant, j'ajoute deux boutons radio à cette forme les appeler radio1 et radio2. Si radio1 est sélectionné, le message de champ est obligatoire et pour radio2 ne est pas un champ obligatoire.

Comment puis-je ajouter ce genre de règle. Merci pour votre aide à l'avance

Answer 1

Vous pouvez faire par écrire une méthode personnalisée qui vérifie la valeur du bouton radio et en fonction de cette valeur, il vérifie le champ de message. Voici le code que vous pouvez ajouter dans jQuery

$.Validation.addRule("message",{ 
check: function(value) { 
    // Check the value of radio button here, You can do it as 
     if($("form input:radio:checked").val() == 'radio2') return true; 
    // radio2 is checked then return valid, ie. this field is not required field. 
    if(value.length > 0) { 
     return true; 
    } 
    return false; 
}, 
msg : "Field is required." 
});