Hauptinhalt

Programmierung

Kurs: Programmierung > Lerneinheit 7

Lesson 6: Formularverarbeitung mit jQuery

Wiederholung: Verarbeitung von Formularen mit jQuery

Um ein Formular mit jQuery zu verarbeiten, musst du für den Event 'submit' einen Event-Listener registrieren:

    $("form").on("submit", function() {
       // process form
    });

Wenn du das Formular ganz in jQuery verarbeitest, dann solltest du preventDefault() aufrufen, um zu verhindern, dass die Seite neu geladen wird:

    $("form").on("submit", function(event) {
       event.preventDefault();
       // process form
    });

Wenn du den Wert, den der Benutzer in ein Input-Feld in einem Formular eingegeben hat, benötigst, verwende val():

    var answer = $("#answer").val();

Innerhalb der Callback-Funktion kannst du auf die Elemente des Formulars mit dem Schlüsselwortthis zugreifen. Eine gängige Technik ist es, mit einem Aufruf von find() auf dem Formularelement alle Input-Elemente im Formular zu finden:

    $("form").on("submit", function() {
      // store the value of the input with name='age' 
       var age = $(this).find('[name=age]').val();
    });

(Hier findest du ein vollständiges Beispiel)

Willst du an der Diskussion teilnehmen?

Anmelden

Sortiere nach:

Noch keine Beiträge.

Verstehst du Englisch? Klick hier, um weitere Diskussionen auf der englischen Khan Academy Seite zu sehen.