Comment faire un pop-up d'alerte lorsqu'il y a des champs de texte qui sont nécessaires pour être rempli?

J'ai un formulaire qui ajoute de l'information à la clientèle. Je voudrais juste savoir comment faire un pop-up boîte d'alerte qui avertit l'utilisateur qu'il ou elle a oublié de remplir un important champ de texte. Je ne suis pas bon en HTML ou en JavaScript donc j'ai besoin d'aide sur ce.

InformationsquelleAutor user3418987 | 2014-03-14
  1. 1

    Simple comme l'enfer 🙂

    Suffit d'utiliser le paramètre "nécessaire" à votre champ de saisie ( textfield /textarea etc. ).

    <form method="post" name="Form" onsubmit="" action="">
    <input length="20" required=""></input>
    <input type="submit" value="Submit"></input>
</form>

    Un peu de texte apparaîtra si la textinput est vide lorsque l'utilisateur tente d'envoyer le formulaire! Le formulaire peut être soumis seulement si toutes les entrées qui est requis est rempli avec du texte.
    Découvrez cette simple violon :

    http://jsfiddle.net/UL5pC/

    InformationsquelleAutor Ephenodrom
  2. 1

    Vous pouvez utiliser l'exemple ci-dessous

    <html>
<head>
<script>
function validateForm() {
    var x = document.forms["myForm"]["fname"].value;
    if (x == null || x == "") {
        alert("Name must be filled out");
        return false;
    }
}
</script>
</head>
<body>

<form name="myForm" action="js"
onsubmit="return validateForm()" method="get">
Name: <input type="text" name="fname">
<input type="submit" value="Submit">
</form>

</body>
</html>
    • les deux liens sont cassés
    • J'ai supprimé ces liens
    InformationsquelleAutor mahesh
  3. 0

    Vérifier cet exemple de code à partir de cette réponse:

    Remplacer les champs de saisie avec votre champs de cours et mettre en place votre propre message si un des champs est manquant.

    <script type="text/javascript">
    function validateForm()
    {
    var a=document.forms["Form"]["ans_a"].value;
    var b=document.forms["Form"]["ans_b"].value;
    var c=document.forms["Form"]["ans_c"].value;
    var d=document.forms["Form"]["ans_d"].value;
    if (a==null || a=="",b==null || b=="",c==null || c=="",d==null || d=="")
      {
      alert("Please Fill All Required Field");
      return false;
      }
    }
    </script>

<form method="post" name="Form" onsubmit="return validate()" action="">
<textarea cols="30" rows="2" name="ans_a" id="a">
<textarea cols="30" rows="2" name="ans_b" id="b">
<textarea cols="30" rows="2" name="ans_c" id="c">
<textarea cols="30" rows="2" name="ans_d" id="d"></textarea>
</form>
    InformationsquelleAutor Shlomo