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

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>