Senden Sie ein HTML-Formular mit jQuery

In diesem Beitrag erfahren Sie, wie Sie das HTML-Formular mit jQuery senden.

Senden Sie das HTML-Formular mit jQuery

Die Methode .submit() bindet einen Event-Handler an das JavaScript, sendet ein Event oder löst dieses Event auf einem Element aus. Das Sendeereignis wird an ein Element gesendet, wenn der Benutzer versucht, ein Formular zu senden.

Syntax:

.submit(handler)

Der handler ist eine Funktion, die jedes Mal aufgerufen/ausgeführt wird, wenn das Ereignis ausgelöst wird, und sie kann nur an <form>-Elemente angehängt werden.

Formulare können durch explizites Klicken oder Drücken von <input type="image">, <button type="submit">, <input type="submit"> oder durch Drücken der Eingabetaste bei bestimmten Formularelementen gesendet werden Fokus haben. So wie die Methode .submit() nur eine Abkürzung für .on("submit", handler) ist, ist eine Trennung mit .off("submit") möglich.

Formulare und ihre untergeordneten Elemente können keine ähnlichen Eingabenamen oder Bezeichner verwenden, die mit den Eigenschaften eines Formulars in Konflikt stehen, wie z. B. die Methode submit. Namenskonflikte können zu verwirrenden Fehlern führen.

Weitere Informationen finden Sie in der .submit()-Dokumentation für .submit().

Beispiel:

Code - HTML:

<form id="myForm">
    <input type="text" value="Hello world">
    <input type="submit" value="Submit">
</form>

Code - JavaScript + jQuery:

$('#myForm').submit((event) => {
  console.log('.submit() called.');
  event.preventDefault();
});

Führen Sie das obige Code-Snippet in jedem Browser aus, der jQuery unterstützt. Klicken Sie auf die Schaltfläche Senden, um die Meldung .submit() aufgerufen. anzuzeigen.

Ausgang:

Code ausführen

Wir können die Submit-Bewegung mit Hilfe des Aufrufs von .preventDefault() auf dem Ereignisobjekt oder mit Hilfe der Rückgabe von false von unserem Handler abbrechen. Wir können das Ereignis manuell auslösen, während auf jedes andere Element geklickt wird.