2009-08-19 5 views
0

Ich bin mit dieser jQuery Formular-Validierung Plugin: http://docs.jquery.com/Plugins/Validation/MethodsjQuery Formularvalidierung Plugin abhängigkeits Rückruf

Ich versuche, den dependancy Rückruf zu verwenden: http://docs.jquery.com/Plugins/Validation/Methods/required#dependency-callback

Was ich versuche nur zu tun ist, „BAR“ erfordern wenn "FOO" einen bestimmten Wert hat.

Hier ist ein einfaches Beispiel:

<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   
    } 
    }  
}); 

Aber das funktioniert nicht. Ich habe auch versucht mit: ausgewählt wie folgt:

Kann jemand erkennen, was das Problem sein könnte?

EDIT = Added die ID von FOO an die Auswahl

Antwort

1

Das select-Element nicht id FOO haben.

Sie sollten entweder hinzuzufügen:

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

Oder die richtige Auswahl treffen:

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

danke eine Tonne, sah ich gerade das und aktualisiert ... Ich aktualisierte den Code. – jyoseph

+0

AH! Und jetzt, da ich meinen Code anschaue (das obige war nur ein Beispiel), sehe ich, dass das Auswahlmenü keine ID hat. Danke, dass du das gezeigt hast, Hirnfurzmoment. – 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> 

diese Arbeit für Sie sein müssen.