¿Cómo enviar un formulario usando javascript?

Tengo un formulario con id theFormque tiene el siguiente div con un botón de enviar dentro:

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

Cuando se hace clic, placeOrder()se llama a la función . La función cambia el innerHTML del div anterior para que esté "procesando ..." (por lo que el botón de enviar ya no está).

El código anterior funciona, ¡pero ahora el problema es que no puedo enviar el formulario! He intentado poner esto en la placeOrder()función:

document.theForm.submit();

Pero eso no funciona.

¿Cómo puedo obtener el formulario para enviar?

Establezca el nameatributo de su formulario "theForm"y su código funcionará.

Puedes usar...

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

... pero no reemplace el innerHTML. Puede ocultar el formulario y luego insertar un procesamiento ... span que aparecerá en su lugar.

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

form.style.display = 'none';

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

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

form.parentNode.insertBefore(processing, form);

Funciona perfectamente en mi caso.

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

Además, puede usarlo en la función de la siguiente manera:

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

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

o

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

Puedes probar cualquiera de estos ... esto definitivamente funcionará ...

Es una publicación antigua pero dejaré la forma en que lo hago para enviar el formulario sin usar la nameetiqueta dentro del formulario:

HTML

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

JS

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

Espero que esta solución pueda ayudar a alguien más. 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()
}

Si su formulario no tiene ninguna identificación pero tiene un nombre de clase como theForm, puede usar la siguiente declaración para enviarlo:

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

Se me ocurrió una solución fácil usando un formulario simple oculto en mi sitio web con la misma información con la que los usuarios iniciaron sesión. Ejemplo Si desea que un usuario inicie sesión en este formulario, puede agregar algo como esto al siguiente formulario a continuación.

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

Hasta donde sé, soy el primero en ocultar un formulario y enviarlo haciendo clic en un enlace. Existe el enlace que envía un formulario oculto con la información. No es 100% seguro si no le gustan los métodos de inicio de sesión automático en su sitio web con contraseñas ubicadas en un área de texto de contraseña de formulario oculto ......

Bien, aquí está el trabajo. Digamos que $siteides la cuenta y $sitepwes la contraseña.

Primero haga el formulario en su script php si no le gusta html, use datos mínimos y luego haga eco en el valor en forma oculta. Solo uso un valor de php y echo en cualquier lugar que quiera pref al lado del botón de formulario, ya que no puede verlo.

Formulario PHP para imprimir

$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 y Enlace para enviar formulario

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

puede usar el siguiente código para enviar el formulario usando 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>