JQuery-Validierung: die Validierung von hidden-fields

Seit der Veröffentlichung des JQuery Validation Plugin version 1.9.0, hidden-Felder wurden automatisch ausgelassen Prüfungen [Quelle].

Entsprechend der release notes, die Möglichkeit, dies zu umgehen ist, indem ignore: [] in der Validierungs-Funktion.

Version 1.10.0 ich bin nicht in der Lage, diese zu arbeiten für input-Felder, die ausgeblendet sind mit display: none oder visibility: hidden.

Mein Validierung erfolgt mit Klassen (z.B. class="required") und die Validierungs-Funktion ist Recht einfach:

JQuery

$("form").validate({
    ignore: [],  
    errorPlacement: function(error, element) {
        error.appendTo( $('#error-message') )
    },
    invalidHandler: function() {
        //do something 
    },
    submitHandler: function() {
        //do something else
    }
});

Beispiel: http://jsfiddle.net/fbCVY/

Kann mir jemand zeigen, wo ich falsch?

  • Wenn ich das jsfiddle in Firefox 17.0.1, die submit button zeigt immer "kein Fehler" in der Konsole auch nach dem entfernen der CSS versteckt, dass die input-Felder. Bin ich etwas fehlt, oder ist das jsfiddle nicht wirklich eingerichtet fehlschlagen der Validierung?
InformationsquelleAutor My Head Hurts | 2012-12-19
  1. 6

    Ich glaube, Sie brauchen, um sowohl eine einzigartige id und eine einzigartige name Attribut für jede der input tags, so dass die Validierung plugin finden Sie die Felder, und kann sagen, Sie auseinander. Die beiden "versteckten" Felder sind nicht zu Versagen Validierung, weil das erste Feld auf dem Formular geht, und das Ergebnis wird verwendet für die beiden anderen Felder.

    • Hier ist ein arbeiten jsfiddle
    • +1 Super - scheint ein bisschen seltsam, dass Sie angewiesen sind auf die ids. Vielen Dank für die Lösung!!!
    • es ist einfach einen Namen für die Eingänge benötigen
    InformationsquelleAutor TLS
  2. 2

    Versuchen, sich mit den Regeln:

    $("form").validate({
    ignore: "",
    rules: {
        name: ["aa", "ee"]
    },  
    errorPlacement: function(error, element) {
        error.appendTo( $('#error-message') )
    },
    invalidHandler: function() {
        //do something 
    },
    submitHandler: function() {
        //do something else
    }
});

    Jsfiddle

    Grüße.

    • Vielen Dank - es ist nicht wirklich die Regeln, die ich brauche, ich war das weglassen der name Attribut, das war das Problem verursacht (also dein jsfiddle funktioniert, aber es ist, weil Sie die name - Attribut auf die input statt, die den Regeln): jsfiddle.net/fbCVY/14
    • Ok, das Attribut "name" dieses Problem lösen.
    InformationsquelleAutor MG_Bautista
Schreibe einen Kommentar