jQuery form reset
14. August 2009 | In: Javascript
Habe mal vor einiger Zeit die folgende Funktion gebaut um ein Formular zu resetten. Da ich bei dem Projekt jQuery genutzt hatte basiert die Funktion ebenfalls darauf.
function resetForm(form) { $(':input', $(form)).each(function(i, item) { switch(item.tagName.toLowerCase()) { case 'input': switch(item.type.toLowerCase()) { case 'hidden': case 'text': item.value = ''; break; case 'radio': case 'checkbox': item.checked = ''; break; } break; case 'select': item.selectedIndex = 0; break; case 'textarea': item.value = ''; break; } }); } |
Aufruf mit:
resetForm('#form_id'); |
Natürlich geht auch jeder andere jQuery selector.
Short and sweet. Ergänzungen sind willkommen.

4 Kommentare zu jQuery form reset
Lukas
14. August 2009 um 16:08:26
Gibt es einen Vorteil gegenüber dem Reset-button?
naden
14. August 2009 um 16:13:22
In meinem Falle ja. Ich hole mir die Form mit serialize, sende sie per ajax an den Server und wenn alles ok war, dann wird die Form resettet. Einen extra reset button kann ich in meiner Anwendung nicht brauchen.
P.S.: Interessante E-Mail adresse.
Stejan
15. August 2009 um 08:21:52
Man muss unterscheiden zwischen reset button und deiner funktion.
Reset button setzt die default werte zurück
deine variante löscht alle werte
kleiner aber feiner unterschied. Und jetzt kommt es darauf an welche funktion man braucht.
Gruess stejan
naden
15. August 2009 um 19:51:55
So sieht es aus. Der andere Unterschied ist, der Reset-Button ist für den User gedacht dieses Snippet lässt sich von sonst woher triggern.