Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://developer.cdn.mozilla.net/de/docs/Web/API/HTMLFormElement/submit_event below:

HTMLFormElement: submit-Ereignis - Web-APIs | MDN

Baseline Widely available

Das submit-Ereignis wird ausgelöst, wenn ein <form> gesendet wird.

Beachten Sie, dass das submit-Ereignis auf dem <form>-Element selbst ausgelöst wird und nicht auf einem <button> oder <input type="submit"> innerhalb davon. Das SubmitEvent, das gesendet wird, um anzuzeigen, dass die Übermittlung des Formulars ausgelöst wurde, enthält jedoch eine submitter-Eigenschaft, bei der es sich um den Button handelt, der aufgerufen wurde, um die Übermittlungsanfrage auszulösen.

Das submit-Ereignis wird ausgelöst, wenn:

• der Benutzer einen Submit-Button klickt,
• der Benutzer Enter drückt, während ein Feld (z.B. <input type="text">) in einem Formular bearbeitet wird,
• ein Skript die Methode form.requestSubmit() aufruft.

Das Ereignis wird jedoch nicht an das Formular gesendet, wenn ein Skript direkt die Methode form.submit() aufruft.

Hinweis: Der Versuch, ein Formular zu senden, das die Validierung nicht besteht, löst ein invalid-Ereignis aus. In diesem Fall verhindert die Validierung die Formularübermittlung, sodass kein submit-Ereignis erfolgt.

Verwenden Sie den Ereignisnamen in Methoden wie addEventListener() oder setzen Sie eine Ereignishandler-Eigenschaft.

addEventListener("submit", (event) => { })

onsubmit = (event) => { }

Neben den unten aufgeführten Eigenschaften erbt diese Schnittstelle die Eigenschaften ihrer übergeordneten Schnittstelle, Event.

submitter Schreibgeschützt

Ein HTMLElement-Objekt, das den Button oder ein anderes Element identifiziert, das aufgerufen wurde, um das Absenden des Formulars auszulösen.

Dieses Beispiel verwendet EventTarget.addEventListener(), um auf die Formularübermittlung zu hören, und protokolliert den aktuellen Event.timeStamp, wenn dies geschieht, um dann die Standardaktion des Formulareinsendens zu verhindern.

<form id="form">
  <label>Test field: <input type="text" /></label>
  <br /><br />
  <button type="submit">Submit form</button>
</form>
<p id="log"></p>

function logSubmit(event) {
  log.textContent = `Form Submitted! Timestamp: ${event.timeStamp}`;
  event.preventDefault();
}

const form = document.getElementById("form");
const log = document.getElementById("log");
form.addEventListener("submit", logSubmit);

• HTML <form>-Element
• Verwandtes Ereignis: invalid

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4