naden.de Bookmarken

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.

Bewertung: najagut
Loading ... Loading ...

Ähnliche Beiträge



4 Kommentare zu jQuery form reset

Avatar

Lukas

14. August 2009 um 16:08:26

Gibt es einen Vorteil gegenüber dem Reset-button?

Avatar

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.

Avatar

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

Avatar

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.

Schreib einen Kommentar

Fülle das Kommentar-Formular vollständig aus oder melde dich über Twitter oder Facebook an.
Sign in with Facebook

By Teledir Internetanbieter