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 :

Récupérer la valeur ou le texte sélectionné d'un élément SELECT dans un formulaire
La fonction isNaN ou comment vérifier qu'une variable est un nombre
Défilement continu horizontal ou vertical d'une bande d'images en javascript
Fonction Javascript pour récupérer la valeur d'un cookie
Replace() ou Remplacer une chaîne de caractères par une autre en Javascript
Afficher un message avant de quitter une page
Vérifier la validité d'une URL en Javascript - Expression régulière
Ajouter un saut de ligne dans une alert javascript
Savoir si une variable est définie en javascript
Créer un élément HTML en JavaScript
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