jquery validiert die Position

8

Ich versuche, jquery validate zu verwenden. Nach dem Beispiel: Ссылка funktioniert großartig und ich möchte mit meinem Code reproduzieren. Ich bin mir jedoch nicht sicher, wo ich es nennen soll.

Was ich habe, ist eine generierte HTML-Tabelle und wenn Sie auf den "Bearbeiten" -Button für irgendeine Zeile klicken, öffnet sich ein Formular. Ich möchte dieses Formular mit jquery validieren. Ich glaube, es funktioniert, aber wenn ich auf das Formular klicke, verstecke ich das Formular, damit ich die Validierungsarbeit nie sehen kann ... denke ich.

Ich erzeuge das Formular mit Javascript und die Übergabeschaltfläche sieht folgendermaßen aus:

%Vor%

Das sind kaum genug Informationen, also habe ich den ganzen Code in dieser Geige: Ссылка . Allerdings kann ich die Geige nicht zum Arbeiten bringen, wenn Sie auf die Schaltfläche Bearbeiten klicken. Das öffnet ein Formular, wo ich die Validierung möchte.

Ich bin mir nicht sicher, ob die Validierung tatsächlich funktioniert. Vielleicht ist es aber, wenn Sie den Absenden-Button im Formular drücken, verbirgt sich das Formular. Wieder funktioniert die Geige nicht um das Formular zu zeigen, aber es funktioniert für mich auf meiner Seite. Hoffentlich wird der Code dort zumindest helfen.

    
Tom 24.12.2011, 15:36
quelle

4 Antworten

7

Grundsätzlich müssen Sie für jedes Element eine Validierung hinzufügen, indem Sie es durch Hinzufügen von

aufrufen %Vor%

Fügen Sie dann alle Ihre Elemente zuerst an, bevor Sie die Validierung anwenden

oder durch Hinzufügen einer Regel

%Vor%

in diesem Beispiel würde eine Eingabe mit max. 50 Zeichen und min. von 10

erforderlich sein

Sie können auch eine benutzerdefinierte Validierung hinzufügen, indem Sie addMethod verwenden, BEVOR Sie validieren können

%Vor%

Wenn das Formular dann gesendet wird, wenn Sie den Submit-Button drücken, aber das Versteck nicht dort einfügen, fügen Sie einfach den Handler des Validators ein

%Vor%

Hier ist ein Beispiel, wie man benutzerdefinierte Nachrichten anwendet, dies würde nach Regeln erfolgen

%Vor%

l

    
mcgrailm 27.12.2011, 04:12
quelle
4

Das Problem ist, dass das Formular nicht weiß, was die Formularfelder enthalten sollen.

Überprüfen Sie die Dokumentation erneut und die Beispiele. Anscheinend können Sie Klassennamen und benutzerdefinierte Attribute verwenden, um den Validator zu konfigurieren. Alternativ können Sie die Funktion $ .rule () verwenden, um die Regeln dem Formular hinzuzufügen.

Nehmen Sie beispielsweise den erforderlichen Namen für die Kamera vor, indem Sie der Namenseingabe eine Klasse 'required' hinzufügen.

%Vor%

Ändern Sie auch die Senden-Schaltfläche onClick-Handler

%Vor%     
Ryan953 27.12.2011 03:48
quelle
3

Sie müssen das Framework auf der linken Seite des jsFiddle zu "no wrap (head)" ändern und Ihr JavaScript wird anfangen zu arbeiten. Hier ist die veränderte Geige. Ссылка

Der Code funktioniert jedoch nicht, da Elemente im HTML-Code fehlen. Wahrscheinlich könnte es nach dem Hinzufügen der anderen Teile des Codes anfangen zu arbeiten, wenn es nicht einfacher zu debuggen ist.

    
Virendra 27.12.2011 04:14
quelle
3

Überprüfen Sie nicht den Validierungsteil, da dieser bereits beantwortet wurde. Aber Sie können wirklich eine kleine Säuberung in Ihrem Code verwenden, glaube ich.

Überprüfen Sie diesen umgeschriebenen Ansatz: Ссылка

Fehler bei Button-Events behoben: Ссылка

    
Tim Vermaelen 27.12.2011 06:24
quelle

Tags und Links