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 :

Défilement continu horizontal ou vertical d'une bande d'images en javascript
Créer un effet d'opacité sur le survol d'une image
Faire une redirection en javascript
Non prise en charge de addEventListener par IE < 9
Format e-mail et téléphone portable
La fonction isNaN ou comment vérifier qu'une variable est un nombre
Afficher un message avant de quitter une page
Parcourir un tableau en JavaScript
Ajouter un saut de ligne dans une alert javascript
Fonction Javascript pour récupérer la valeur d'un cookie
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