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 :

Créer un effet d'opacité sur le survol d'une image
Créer un bouton imprimer sur sa page web
Empêcher le clic droit sur les images de votre site
Parcourir un tableau en JavaScript
Défilement continu horizontal ou vertical d'une bande d'images en javascript
Format e-mail et téléphone portable
Récupérer l'identifiant de session id_session en javascript
Vérifier si un champs est bien renseigné dans un formulaire HTML
Fonction Javascript pour récupérer la valeur d'un cookie
Vérifier la validité d'une URL en Javascript - Expression régulière
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