jquery validator - Validierung nur sichtbare Elemente

Ich habe einen radiobutton, der versteckt/zeigt ein div. Alle sichtbaren Elemente sind "required", aber das hinzufügen ignorieren: ":hidden" nachdem die Validierung Regeln, funktioniert nicht...
Hier ist der code: 

<script type="text/javascript">

        $(document).ready(function(){
            $("#myForm").validate({
                rules: {
                    name: "required",
                    age: "required",
                    height: "required",
                    ignore: ":hidden"
                }
            })
        });

    </script>
</head>
<body>
    <form id="myForm" name="myForm" method="post" action="" >
        <input type="radio" name="checkAge" value="adult" onclick="$('#minorRequisites').hide();" />Adult<br/>
        <input type="radio" name="checkAge" value="minor" onclick="$('#minorRequisites').show()" checked="checked"/>Child<br/>
        Name <input id="name" name="name" type="text" /><br/>
        <div id="minorRequisites">
            Age <input id="age" name="age" type="text" /><br/>
            Height <input id="height" name="height" type="text" /><br/>
        </div>
        <input type="submit" />
    </form>
</body>

Ich möchte in der Lage sein, das Formular zu senden, die nur Namen, wenn Sie "erwachsen" wird überprüft... Irgendwelche Ideen? 🙂

InformationsquelleAutor Caveman | 2011-09-08
  1. 11

    Können Sie angeben, Abhängigkeit Ausdrücken in Ihrem required Regeln zu haben, Sie zu ignorieren Sie die Elemente, wenn Sie nicht sichtbar ist:

    $("#myForm").validate({
    rules: {
        name: "required",
        age: {
            required: "#age:visible"
        },
        height: {
            required: "#height:visible"
        }
    }
});

    Sehen Sie die Ergebnisse in diese Geige.

    EDIT: ignore funktioniert auch, aber es ist ein option, nicht ein Regel, so sollten Sie schreiben:

    $("#myForm").validate({
    ignore: ":hidden",
    rules: {
        name: "required",
        age: "required",
        height: "required"
    }
});
    • Danke!! 😀 Es ist so seltsam, dass ignorieren: (":hidden") funktioniert nicht, obwohl..
    • das ist, weil ignore ist eine option, keine Regel. Ich werde aktualisieren, meine Antwort.
    • argh! Dieser war, wie wenn man ein ';' am Ende von 'für' und Frage mich, warum es nicht funktioniert... ich Danke Euch so sehr! 🙂
    InformationsquelleAutor Frédéric Hamidi
  2. 0

    Bitte versuchen ignore: ":not(:visible)" statt ignore: ":hidden".

    InformationsquelleAutor impactaweb
Schreibe einen Kommentar