2009-08-19 11 views
0

J'utilise ce plugin de validation de formulaire jQuery: http://docs.jquery.com/Plugins/Validation/Methodsplugin validation du formulaire jQuery dépendance-rappel

Je suis en train d'utiliser la fonction de rappel de dépendance: http://docs.jquery.com/Plugins/Validation/Methods/required#dependency-callback

Ce que je suis en train de faire est besoin que « BAR » quand "FOO" a une certaine valeur.

Voici un exemple de base:

<select name="FOO" id="FOO"> 
    <option></option> 
    <option value="someValue">some Value</option> 
</select> 

$("form[name=myForm]").validate({ 
    rules: { 
    FOO: {required: true}, 
    BAR: { 
      required: function(element) { 
      return $("#FOO").val() == 'someValue'; 
     }, 
    maxlength: 10   
    } 
    }  
}); 

Mais cela ne fonctionne pas. J'ai également essayé d'utiliser: sélectionné comme tel:

return $("#FOO :selected").val() == 'someValue'; 

Quelqu'un peut-il trouver ce que le problème pourrait être?

EDIT = Ajouté l'ID de FOO à la sélection

Répondre

1

L'élément de sélection n'a pas id FOO.

Vous devez soit l'ajouter:

<select id="FOO" name="FOO"> 

Ou faire le bon choix:

$('select[name=FOO]') 
+0

merci beaucoup, je viens de le voir et mis à jour ... J'ai mis à jour le code. – jyoseph

+0

AH! Et en fait maintenant que je regarde mon code (ci-dessus était juste un exemple), je vois le menu de sélection n'a pas d'ID. Merci d'avoir signalé cela, moment de pet de cerveau. – jyoseph

0
<script type="text/javascript"> 
jQuery.validator.setDefaults({ 
    debug: true, 
    success: "valid" 
});; 
</script> 

<script> 
    $(document).ready(function(){ 
    $("#myform").validate({ 
    rules: { 
    age: { 
     required: true, 
     min: 3 
    }, 
    parent: { 
     required: function(element) { 
     return $("#age").val() < 13; 
     } 
    } 
    } 
}); 
$("#age").blur(function() { 
    $("#parent").valid(); 
}); 


    }); 
    </script> 

cela doit être le travail pour vous.

Questions connexes