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 :

Ajouter un saut de ligne dans une alert javascript
Vérifier qu'une variable est de type entier en javascript
Parcourir tous les éléments d'une classe CSS en Javascript
Récupérer l'identifiant de session id_session en javascript
Récupérer l'URL de la page courante
Replace() ou Remplacer une chaîne de caractères par une autre en Javascript
Créer un élément HTML en JavaScript
Format e-mail et téléphone portable
Vérifier la validité d'une URL en Javascript - Expression régulière
Non prise en charge de addEventListener par IE < 9
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