Wie kann ich die Übermittlungsschaltfläche deaktivieren, wenn das Formular ohne Fehler übermittelt wird?

8

Ich möchte die Übermittlungsschaltfläche deaktivieren, wenn ein Benutzer das Formular absendet, sodass er nicht zweimal auf die Senden-Schaltfläche klicken kann.

Also habe ich das folgende Javascript auf meiner Seite codiert

%Vor%

Das funktioniert großartig. Aber als ich die jquery validate-Bibliothek anwendete und den folgenden Code anfügte,

%Vor%

Der Absenden-Button wurde nach dem Absenden des Formulars deaktiviert, selbst wenn unvollständige Eingaben auf der Website vorhanden sind (d. h. Formular mit Fehlern und der Benutzer wird aufgefordert, diese korrekt zu füllen).
Wenn der Benutzer das Formular zum Korrigieren aller Fehler abschließt, wird die Übermittlungsschaltfläche deaktiviert.

Wie überprüfe ich zuerst, ob keine Fehler im Formular vorhanden sind, und deaktiviere dann den Absenden-Button und sende ihn abschließend.

Danke

    
Gaurav Sharma 07.05.2010, 16:31
quelle

3 Antworten

7

Fügen Sie folgenden Parameter zu jQuery Validate hinzu:

%Vor%     
SLaks 07.05.2010, 16:37
quelle
1

Ich habe das jquery validator plugin nicht benutzt, aber die docs hier gelesen

Ссылка

Sie könnten

1) Deaktivieren Sie die Schaltfläche im submitHandler Callback

2) belassen Sie Ihren bestehenden Sperrcode, aber aktivieren Sie die Schaltfläche im invalidHandler Callback erneut

    
house9 07.05.2010 16:37
quelle
-1

Ich habe noch nicht mit jQuery begonnen. Aber ich denke, Sie können so etwas tun:

%Vor%     
Kangkan 07.05.2010 16:37
quelle

Tags und Links