le MEMO du WEB développeur
••• Javascript •••  Liste des Mémos, astuces et bonnes pratiques

Valider un formulaire en javascript

Pour soumettre un formulaire sur un évenement javascript on utilise la fonction submit() javascript, appliquée sur notre formulaire.
Cette technique permet de faire des vérifications sur la validité des champs avant de soumettre le formulaire.

Déclaration du formulaire en HTML :

<form name="mon_formulaire" method="post" action="#"> 
  <input type="text" value="Valider formulaire en javascript"/>
  <input type="button" id="valider"  value="Valider" onclick="SoumettreFormulaire();" />
</form>

Code Javascript :

Fonction appelée sur l'évenement onclick de l'input de type button. Le formulaire est soumis sous condition.

<script type="text/javascript">
  function SoumettreFormulaire(){  
    if (confirm ('Voulez vous vraiment valider le formulaire ? ')){
      document.forms["mon_formulaire"].submit();
    }
  }
</script>

 

publié le 22/08/2013 par Memo Web
Formulaires
Commentaire :
très intéressant
par inconnu, le 04/06/2014
Très intéressant et cela m'a beaucoup aidé
par sbi, le 17/05/2014
Commenter le Mémo :

Faire une redirection en javascript
Parcourir un tableau en JavaScript
Vérifier qu'une variable est de type entier en javascript
La fonction isNaN ou comment vérifier qu'une variable est un nombre
Savoir si une variable est définie en javascript
Typer ses variables en javascript
Non prise en charge de addEventListener par IE < 9
Créer un effet d'opacité sur le survol d'une image
Créer un élément HTML en JavaScript
Afficher un message avant de quitter une page
Ajoutez vos propres Mémos sur MEMO-WEB

Il suffit de vous créer un compte sur le site

Vous pourrez choisir un thème parmis l'une des catégories proposées par MEMO-WEB.

Rédigez votre Mémo.
Après validation par MEMO-WEB, il sera mis en ligne.
Ajouter vos Mémos