JavaScript-Formular senden bei Klick

Ammar Ali 12 Oktober 2023
  1. Senden Sie ein Formular, indem Sie auf einen Link klicken und die Funktion submit() in JavaScript verwenden
  2. Senden Sie ein Formular, indem Sie auf eine Schaltfläche klicken und die Funktion submit() in JavaScript verwenden Using
JavaScript-Formular senden bei Klick

In diesem Tutorial wird erläutert, wie Sie ein Formular mit der Funktion submit() in JavaScript senden.

In JavaScript können Sie ein Formular mit dem Tag form erstellen, Sie können dem Formular mit dem Attribut id eine ID zuweisen und danach müssen Sie eine Methode zum Senden Ihres Formulars auswählen, z. B. können Sie das Formular senden wenn auf einen Link oder eine Schaltfläche geklickt wird. Jetzt gibt es zwei Methoden, um ein Formular zu senden, und Sie können dies entweder im HTML-Code mithilfe des Attributs onclick oder im JavaScript tun. Senden wir zum Beispiel ein Formular im HTML-Code mit dem Attribut onclick. Siehe den Code unten.

<form id="FormId">
  <a href="FormLink" id = "LinkID" onclick="document.getElementById('FormId').submit();"> SubmitForm </a>
</form>

Sie können die Formular-ID und die Link-ID im obigen Code nach Ihren Wünschen ändern. Diese Methode wird nicht empfohlen, da Sie HTML mit JavaScript-Code mischen. Sie können dies auch separat in JavaScript tun, indem Sie die ID von Formular und Link verwenden. Lassen Sie uns beispielsweise die obige Operation mit separatem JavaScript ausführen. Siehe den Code unten.

var myform = document.getElementById('FormId');
document.getElementById('LinkId').addEventListener('click', function() {
  myform.submit();
});

Diese Methode wird empfohlen, da sich HTML und JavaScript in separaten Dateien befinden. Beachten Sie, dass Sie die Formular-ID und die Link-ID verwenden müssen, die Sie im HTML definiert haben, um diese Elemente in JavaScript abzurufen. Das Formular wird gesendet, wenn der Link angeklickt wird.

Senden Sie ein Formular, indem Sie auf eine Schaltfläche klicken und die Funktion submit() in JavaScript verwenden Using

Über eine Schaltfläche können Sie ein Formular absenden. Es gibt zwei Methoden, um ein Formular zu senden, und Sie können dies entweder innerhalb des HTML-Codes mithilfe des Attributs onclick oder innerhalb des JavaScripts tun. Senden wir zum Beispiel ein Formular im HTML-Code mit dem Attribut onclick. Siehe den Code unten.

<form id="FormId">
  <button id = "ButtonId" onclick="document.getElementById('FormId').submit();"> SubmitForm </button>
</form>

Ähnlich wie die obige Methode wird diese Methode nicht empfohlen, da Sie HTML mit JavaScript-Code mischen. Lassen Sie uns die obige Operation mit separatem JavaScript ausführen.

var myform = document.getElementById('FormId');
document.getElementById('ButtonId').addEventListener('click', function() {
  myform.submit();
});
Autor: Ammar Ali
Ammar Ali avatar Ammar Ali avatar

Hello! I am Ammar Ali, a programmer here to learn from experience, people, and docs, and create interesting and useful programming content. I mostly create content about Python, Matlab, and Microcontrollers like Arduino and PIC.

LinkedIn Facebook

Verwandter Artikel - JavaScript Form