Comment soumettre un formulaire en javascript?

J'ai un formulaire avec un identifiant theFormqui a 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ée. La fonction change le innerHTML du div ci-dessus en "traitement ..." (donc le bouton d'envoi a maintenant disparu).

Le code ci-dessus fonctionne, mais maintenant le problème est que je ne parviens pas à envoyer le formulaire! J'ai essayé de mettre ceci dans la placeOrder()fonction:

document.theForm.submit();

Mais ça ne marche pas.

Comment puis-je envoyer le formulaire?

Définissez l' nameattribut de votre formulaire sur "theForm"et votre code fonctionnera.

Vous pouvez utiliser...

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

... mais ne remplacez pas le innerHTML. Vous pouvez masquer le formulaire puis insérer un traitement ... span qui apparaîtra à 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);

Cela fonctionne parfaitement dans mon cas.

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

En outre, vous pouvez l'utiliser en fonction comme ci-dessous:

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

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

ou

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

Vous pouvez essayer n'importe lequel de ces éléments ... cela fonctionnera définitivement.

C'est un ancien message mais je vais laisser la façon dont je le fais pour soumettre le formulaire sans utiliser de namebalise à l'intérieur du formulaire:

HTML

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

JS

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

J'espère que cette solution peut aider quelqu'un d'autre. 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 votre formulaire n'a pas d'identifiant mais qu'il a un nom de classe comme theForm, vous pouvez utiliser l'instruction ci-dessous pour le soumettre:

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

J'ai trouvé une solution simple en utilisant un formulaire simple caché sur mon site Web avec les mêmes informations que les utilisateurs connectés. Exemple Si vous souhaitez qu'un utilisateur soit connecté sur ce formulaire, vous pouvez ajouter quelque chose comme ceci au formulaire ci-dessous.

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

pour autant que je sache, je suis le premier à cacher un formulaire et à le soumettre en cliquant sur un lien. Il y a le lien soumettant un formulaire caché avec les informations. Pas sûr à 100% si vous n'aimez pas les méthodes de connexion automatique sur votre site Web avec des mots de passe placés sur une zone de texte de mot de passe masquée ......

Bon alors voici le travail. Disons que $siteidc'est le compte et$sitepw mot de passe.

Commencez par créer le formulaire dans votre script php si vous n'aimez pas le html, utilisez un minimum de données, puis effectuez un écho dans la valeur sous une forme cachée. J'utilise juste une valeur php et un écho partout où je veux pref à côté du bouton de formulaire comme vous ne pouvez pas le voir.

Formulaire PHP à imprimer

$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 et lien pour soumettre le formulaire

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

vous pouvez utiliser le code ci-dessous pour soumettre le formulaire en utilisant 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>