Wie reiche ich ein Formular mit Javascript ein?

Ich habe ein Formular mit ID, theFormdas das folgende div mit einem Senden-Button enthält:

<div id="placeOrder" 
     style="text-align: right; width: 100%; background-color: white;">
    <button type="submit" 
            class='input_submit' 
            style="margin-right: 15px;" 
            onClick="placeOrder()">Place Order
    </button>
</div>

Wenn Sie darauf klicken, wird die Funktion placeOrder()aufgerufen. Die Funktion ändert das innerHTML des obigen Divs in "Verarbeitung ..." (daher ist die Schaltfläche "Senden" jetzt weg).

Der obige Code funktioniert, aber jetzt ist das Problem, dass ich das Formular nicht zum Senden bekommen kann! Ich habe versucht, dies in die placeOrder()Funktion einzufügen:

document.theForm.submit();

Das geht aber nicht

Wie kann ich das Formular zum Absenden bekommen?

Setzen Sie das nameAttribut Ihres Formulars auf "theForm"und Ihr Code funktioniert.

Sie können verwenden ...

document.getElementById('theForm').submit();

... aber nicht ersetzen innerHTML. Sie könnten die Form verstecken und dann eine einfügen Verarbeitung ... span das wird erscheinen an seinem Platz.

var form = document.getElementById('theForm');

form.style.display = 'none';

var processing = document.createElement('span');

processing.appendChild(document.createTextNode('processing ...'));

form.parentNode.insertBefore(processing, form);

In meinem Fall funktioniert es perfekt.

document.getElementById("form1").submit();

Sie können es auch in der folgenden Funktion verwenden:

function formSubmit()
{
     document.getElementById("form1").submit();
} 

document.forms["name of your form"].submit();

oder

document.getElementById("form id").submit();

Sie können alles versuchen .. dies wird definitiv funktionieren ..

Es ist ein alter Beitrag, aber ich werde die Art und Weise verlassen, wie ich das Formular abschicke, ohne ein nameTag im Formular zu verwenden:

HTML

<button type="submit" onClick="placeOrder(this.form)">Place Order</button>

JS

function placeOrder(form){
    form.submit();
}

Hoffe, diese Lösung kann jemand anderem helfen. TQ

HTML

<!-- change id attribute to name  -->

<form method="post" action="yourUrl" name="theForm">
    <button onclick="placeOrder()">Place Order</button>
</form>

JavaScript

function placeOrder () {
    document.theForm.submit()
}

Wenn Ihr Formular keine ID hat, aber einen Klassennamen wie theForm hat, können Sie es mit der folgenden Anweisung senden:

document.getElementsByClassName("theForm")[0].submit();

Ich habe eine einfache Lösung gefunden, indem ich ein einfaches Formular verwendet habe, das auf meiner Website versteckt ist und dieselben Informationen enthält, mit denen sich die Benutzer angemeldet haben. Beispiel Wenn Sie möchten, dass ein Benutzer in diesem Formular angemeldet ist, können Sie dem folgenden Formular Folgendes hinzufügen.

<input type="checkbox" name="autologin" id="autologin" />

Soweit ich weiß, bin ich der Erste, der ein Formular versteckt und über einen Link abruft. Es gibt den Link, der ein verstecktes Formular mit den Informationen sendet. Nicht 100% sicher, wenn Sie keine automatischen Anmeldemethoden auf Ihrer Website mit Passwörtern mögen, die sich in einem versteckten Formular-Passwort-Textbereich befinden ......

Okay, hier ist die Arbeit. Nehmen wir an, es $siteidist das Konto und $sitepwdas Passwort.

Machen Sie zuerst das Formular in Ihrem PHP-Skript, wenn Sie HTML nicht mögen, verwenden Sie minimale Daten und geben Sie den Wert in einem versteckten Formular wieder. Ich verwende nur einen PHP-Wert und echo an einer beliebigen Stelle neben der Formularschaltfläche, da Sie ihn nicht sehen können.

PHP-Formular zum Drucken

$hidden_forum = '
<form id="alt_forum_login" action="./forum/ucp.php?mode=login" method="post" style="display:none;">
    <input type="text" name="username" id="username" value="'.strtolower($siteid).'" title="Username" />
    <input type="password" name="password" id="password" value="'.$sitepw.'" title="Password" />
</form>';

PHP und Link zum Absenden des Formulars

<?php print $hidden_forum; ?>
<pre><a href="#forum" onClick="javascript: document.getElementById('alt_forum_login').submit();">Forum</a></pre>

Sie können den folgenden Code verwenden, um das Formular mit Javascript zu senden.

document.getElementById('FormID').submit();

<html>
<body>

<p>Enter some text in the fields below, then press the "Submit form" button to submit the form.</p>

<form id="myForm" action="/action_page.php">
  First name: <input type="text" name="fname"><br>
  Last name: <input type="text" name="lname"><br><br>
  <input type="button" onclick="myFunction()" value="Submit form">
</form>

<script>
function myFunction() {
    document.getElementById("myForm").submit();
}
</script>

</body>
</html>