Formulaire HTML avec Javascript de Validation & Alerte

Je suis en train de travailler sur un projet de classe, et je me demande si quelqu'un peut fournir une entrée/info quant à la façon dont j'allais sur le point de valider mon champs de formulaire dans une meilleure façon. Plus précisément, je veux l'alerte boîte de pop up afin d'afficher toutes les manque des champs au lieu d'une seule case par manque de terrain. Toute entrée serait la houle.

<script type="text/Javascript">
function validateForm(assignmentForm)   
{
    valid = true
    if (document.assignmentForm.firstName.value=="")
    {
        alert ("Please fill in your first name.");
        valid = false;
    }
    if (document.assignmentForm.lastName.value=="")
    {
        alert ("Please fill in your last name.");
        valid = false;
    }
    return valid;
}
</script>

Je suis nouveau à l'aide de javascript dans le HTML donc je m'excuse d'avance pour ce qui est le plus probablement une très newbie question. Aussi, voici un extrait de la partie HTML:

<!--Name Text Fields-->
 <form id="assignmentForm" name="assignmentForm" method="post" onsubmit="return validateForm();">
  <table cellspacing="15">
    <tr>
        <td><a href="#">First Name: </a></td>
        <td><input type="text" id="firstName" name="firstName"></td>
    </tr>
    <tr>
        <td><a href="#">Last Name: </a></td>
        <td><input type="text" id="lastName" name="lastName"></td>
    </tr>
  • Bonjour, nous pouvons vous aider si vous posez une question spécifique, "mieux" est une question d'opinion. Aussi, vous devriez d'abord à google des informations sur la zone d'alerte, il y a beaucoup d'info à ce sujet sur le web.
InformationsquelleAutor Zeb23 | 2014-01-16
  1. 3

    Demandez à chaque étape de la validation ajouter son message à un tableau que vous affichez après que toutes les validations sont faites.

    function validateForm(assignmentForm)   
{
    var messages = [];
    if (document.assignmentForm.firstName.value=="")
    {
        messages.push("Please fill in your first name.");
    }
    if (document.assignmentForm.lastName.value=="")
    {
        messages.push("Please fill in your last name.");
    }
    if (messages.length > 0) {
        alert(messages.join('\n'));
        return false;
    } else {
        return true;
    }
}
    • Vous les gars sont des sorciers. Merci beaucoup!
    InformationsquelleAutor Barmar
  2. 0

    Si vous créez une variable de type string dans la fonction avant de vérifier chaque champ, vous pouvez ensuite ajouter un avis sur ce qui doit être rempli.

    Après toutes les vérifications ont été effectuées, puis afficher l'alerte à l'aide de la chaîne de caractères que vous avez construit.

    Je dirais aussi que vous vérifiez les domaines de validité des données ainsi - cela peut ne pas être nécessaire pour le travail en classe, vous êtes en train de faire maintenant, mais il est de bonne pratique pour tout monde réel code. Par exemple, assurez-vous que le nom est constitué d'une seule caractères.

    InformationsquelleAutor Saladin Akara