Come inviare un modulo utilizzando JavaScript?

Ho un modulo con ID theFormche ha il seguente div con un pulsante di invio all'interno:

<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>

Quando si fa clic, placeOrder()viene chiamata la funzione . La funzione cambia il HTML interno del div precedente in "elaborazione ..." (quindi il pulsante di invio non è più disponibile).

Il codice sopra funziona, ma ora il problema è che non riesco a ottenere il modulo da inviare! Ho provato a metterlo nella placeOrder()funzione:

document.theForm.submit();

Ma questo non funziona.

Come posso ottenere il modulo da inviare?

Impostare l' nameattributo del modulo su "theForm"e il codice funzionerà.

Puoi usare...

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

... ma non sostituire il innerHTML. È possibile nascondere il modulo e quindi inserire un'elaborazione ... span che verrà visualizzata al suo posto.

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

form.style.display = 'none';

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

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

form.parentNode.insertBefore(processing, form);

Funziona perfettamente nel mio caso.

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

Inoltre, puoi usarlo in funzione come di seguito:

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

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

o

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

Puoi provare uno di questi..questo funzionerà sicuramente ..

È un vecchio post, ma lascerò il mio modo di inviare il modulo senza utilizzare name tag all'interno del modulo:

HTML

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

JS

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

Spero che questa soluzione possa aiutare qualcun altro. 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()
}

Se il modulo non ha alcun ID ma ha un nome di classe come theForm, è possibile utilizzare l'istruzione seguente per inviarlo:

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

Ho trovato una soluzione semplice utilizzando un semplice modulo nascosto sul mio sito Web con le stesse informazioni con cui gli utenti hanno effettuato l'accesso. Esempio Se si desidera che un utente abbia effettuato l'accesso in questo modulo, è possibile aggiungere qualcosa di simile al seguente modulo seguente.

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

per quanto ne so sono il primo a nascondere un modulo e inviarlo facendo clic su un collegamento. C'è il link che invia un modulo nascosto con le informazioni. Non sicuro al 100% se non ti piacciono i metodi di accesso automatico sul tuo sito Web con le password che si trovano in un'area di testo della password del modulo nascosto ...

Va bene, ecco il lavoro. Diciamo che $siteidè l'account ed $sitepwè la password.

Prima crea il modulo nel tuo script php se non ti piace HTML in esso usa dati minimi quindi echo nel valore in una forma nascosta. Uso solo un valore php ed echo ovunque io voglia il pref accanto al pulsante del modulo come non riesci a vederlo.

Modulo PHP da stampare

$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 e Link per inviare il modulo

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

puoi utilizzare il codice seguente per inviare il modulo utilizzando Javascript;

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>