le MEMO du WEB développeur
 

••• Les formulaires HTML •••   Liste des Mémos, astuces et bonnes pratiques

Imposer une taille max aux fichiers uploadés sur le serveur - Divers
Valider un formulaire en javascript - Javascript
Plugin JQuery Select Box / Drop-Down / Liste déroulante. Un joli select - JQuery

Vérifier si un champs est bien renseigné dans un formulaire HTML - Javascript

Afin de s'assurer que les champs obligatoires d'un formulaire sont bien renseignés, vous pouvez utiliser cette fonction javascript qui vérifie, avant de soumettre le formulaire, que le ou les champs obligatoires sont bien remplis.

Code HTML :

Création du formulaire

<form action="#" method="post">
  <input type="text" name="champs_obligatoire" size="30">
  <input type="button" value="Envoyer" onclick="Verifier_formulaire (this.form)"/>
</form>

Code PHP pour récupérer la valeur du champs après soumission du formulaire :

 if (isset ($_REQUEST["champs_obligatoire"])) echo 'Mon champ obligatoire dans le formulaire est '.$_REQUEST["champs_obligatoire"]; 

Fonction javascript de vérification du remplissage du formulaire

<script>
function Verifier_formulaire(formulaire){
  if (formulaire.champs_obligatoire.value==""){
    alert ("Vous avez oublié de remplir le champs obligatoire");
  }else{
    alert ("Le champs obligatoire est bien rempli, on soumet le formulaire");
    formulaire.submit();
  }
}
</script>  

 

publié le 02/08/2013 par Memo Web
Formulaires
Commentaire :
Si vous n'avez pas renseigné le paramètre "action" du formulaire, il n'y a aucune raison pour que votre formulaire soit envoyé.
par tarabusk, le 12/03/2014
nul
le formulaire est soumis quand meme apres le message d'alerte
par inconnu, le 03/03/2014
Commenter le Mémo :

Récupérer le contenu ou afficher du texte dans un textarea en JQuery - JQuery
Empêcher de coller du texte dans un champs input de type text - JQuery
Formulaire de paiement paypal en PHP - PHP
Empêcher l'autocomplétion dans les formulaires - HTML
Problème de slash sur passage de paramètres dans formulaire - HTML
Récupérer la valeur ou le texte sélectionné d'un élément SELECT dans un formulaire - Javascript
Lecture seule d'un textarea en JQuery - JQuery
Limiter le nombre de caractères saisis dans un textarea - HTML
Jquery récupérer les valeurs de checkbox, select et radio - JQuery
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