JQuery-Validierung: Überprüfen ausgeblendeter Felder

Question

Seit der Veröffentlichung der JQuery-Validierungs-Plugin-Version 1.9.0 wurden ausgeblendete Felder automatisch aus den Validierungsprüfungen entfernt [source].

Gemäß der release notes ist der Weg, um dies zu umgehen, indem ignore: [] in der Validierungsfunktion gesetzt.

Mit Version 1.10.0 kann ich dies nicht für Eingabefelder, die mit oder visibility: hidden ausgeblendet sind, funktionieren.

ist meine Validierung mithilfe von Klassen durchgeführt (zB class="required") und die Funktion Validierung ist recht einfach:

JQuery

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

Arbeitsbeispiel: http://jsfiddle.net/fbCVY/

Kann jeder Punkt heraus, wo ich falsch liege?

Answer 1

Ich denke, Sie müssen sowohl ein eindeutiges id als auch ein eindeutiges name Attribut für jeden der input Tags zur Verfügung stellen, damit das Validierungs-Plugin die Felder finden und unterscheiden kann. Die beiden "ausgeblendeten" Felder sind nicht fehlgeschlagen, da das erste Feld im Formular übergeben wird und dieses Ergebnis für die anderen beiden Felder verwendet wird.

Answer 2

Versuchen mit 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.