Langage de programmation - JavaScript - Soumettre un formulaire en JavaScript (document Form Submit)

Bien que d'ordinaire, les formulaires sont soumis en utilisant la balise «INPUT» avec le type «SUBMIT», les applications interactives avec du AJAX, nécessite parfois l'utilisation de technique un peu différente. Si vous souhaitez soumettre un formulaire à l'aide du JavaScript, il suffit d'utiliser la syntaxe suivante :



document.forms["monformulaire"].submit();

ou encore la syntaxe suivante :



document.monformulaire.submit();

Voici enfin le petit code source montrant comment cela fonctionne :


			
			
<script type="text/javascript">

function MonSubmitForm() {

  document.monformulaire.submit();

}

</script>

<form name="monformulaire" action="formsamples.php">

<table>

   <tr>

       <td>Prenom&nbsp;:</td>

       <td><input type="text" name="prenom" /></td>

   </tr>

   <tr>

       <td>Nom&nbsp;:</td>

       <td><input type="text" name="Nom" /></td>

   </tr>

   <tr>

       <td><span style="text-decoration:underline;color:blue;cursor:pointer;" onclick="MonSubmitForm();">Soumettre</span></td>

   </tr>

</table>

</form>

ont obtiendra un résultat comme ceci :

Remarques

Si vous avez un formulaire à soumettre et que vous ne voulez pas qu'il soit resoumis une deuxième fois avec un refresh (F5) et ses «POST» par exemple, vous avez le choix d'effectuer une redirection sur la même page, de l'envoyer à une page différente, de mettre un Captcha ou de vérifier au niveau du serveur Web que l'information n'y est pas dupliqué (soit en vérifiant dans le journal de bord ou dans la base de données). Toutefois, il est déconseillé d'utiliser le JavaScript «location.reload();» car il renverra les «POST» au serveur Web. De plus, il est quand même sage de désactiver le bouton de soumission, à l'aide de JavaScript, une fois que le bouton a été cliqué.
Si vous souhaitez récupérer les informations transmises par un formulaire du côté serveur, vous devrez suivre les spécifications du langage de programmation Web côté serveur que vous utilisez, car il varie énormément d'un langage de programmation et/ou de version à l'autre. Exemple, en PHP5 c'est «$_POST», en ASP 3.0 c'est «Request.Form»,...
Validation : Si vous souhaitez ajouter de la validation à votre formulaire, vous devrez utiliser des bibliothèques comme LiveValidation, jQuery Tools UI Library,... ou sinon vous serez obliger d'effectuer manuellement des validations à l'aide de script JavaScript en utilisant des événements «onsubmit», «onclick» et «onchange».

Voir également

Articles - Comparatif des méthodes «POST» ou «GET» ?

Dernière mise à jour : Samedi, le 20 juin 2015

Section courante

A propos

Section administrative du site

Remarques

Voir également