Comment puis-je soumettre un formulaire en utilisant JavaScript ?

Question

J'ai un formulaire avec l'id theForm qui contient le div suivant avec un bouton d'envoi à l'intérieur :

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

Lorsqu'on clique dessus, la fonction placeOrder() est appelé. La fonction change le innerHTML du div ci-dessus en "processing ...". (le bouton d'envoi a donc disparu).

Le code ci-dessus fonctionne, mais maintenant le problème est que je n'arrive pas à soumettre le formulaire ! J'ai essayé de mettre ce code dans la section placeOrder() fonction :

document.theForm.submit();

Mais ça ne marche pas.

Comment puis-je faire en sorte que le formulaire soit soumis ?

Answer 1

Définissez le name de votre formulaire à "theForm" et votre code fonctionnera.

Answer 2

Vous pouvez utiliser...

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

...mais Ne le fais pas. remplacer le innerHTML . Vous pourriez masquer le formulaire et ensuite insérer un la transformation... span qui apparaître à sa place.

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

form.style.display = 'none';

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

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

form.parentNode.insertBefore(processing, form);

Answer 3

Cela fonctionne parfaitement dans mon cas.

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

Vous pouvez également l'utiliser dans une fonction comme ci-dessous :

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

Answer 4

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

ou

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

Vous pouvez essayer tout ça... ça va certainement marcher...

Answer 5

Je vais laisser la façon dont je le fais pour soumettre le formulaire sans utiliser la fonction name à l'intérieur du formulaire :

HTML

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

JavaScript

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