HTML Formulaire Tutorial Validation

Hypertext Markup Language (HTML) est utilisé pour créer des pages Web statiques. Beaucoup de pages HTML sont constituées de formes, telles que les connexions des utilisateurs qui nécessitent un nom d'utilisateur et mot de passe. Javascript code peut être intégré dans le code HTML pour valider les formulaires. La validation des formulaires permet aux utilisateurs de déboguer les erreurs de forme. Par exemple, un utilisateur peut oublier d'entrer un numéro de téléphone dans un formulaire de contact. Test d'une zone de texte vide avertit l'utilisateur qu'il a négligé de remplir une entrée de forme quand il essaie de soumettre le formulaire.

Instructions

1 Utilisez une fonction pour vérifier si une zone de texte est vide. Il se compose d'une instruction if qui vérifie si la valeur est égale à 0. Si elle est égale à 0, alors un message d'alerte est affiché avec un message, comme "S'il vous plaît remplir tous les champs obligatoires." Si la longueur est supérieure à 0, sa sortie de la validation.

2 fonctions d'insertion, tels que isNumeric et isAlphabet, afin de vérifier que l'entrée pour certains champs est tous les numéros ou lettres. Par exemple, les numéros de téléphone doivent être tout numérique, tandis que les noms ne doivent contenir que des lettres. Spécifiez les caractères valides qui peuvent être saisis, qui est "0 à 9" pour les nombres et "a à z" pour les lettres. La fonction doit inclure une instruction if qui teste si la valeur entrée répond aux critères. Si elle ne le fait pas, un message d'alerte est affiché.

3 Utilisez une fonction pour valider que les adresses e-mail sont dans le bon format. Par exemple, il doit contenir le symbole "@" et se terminer par ".," Suivi de "com, net, org, gov." Les caractères valides sont "a à z", "0-9", "@" et ".."

4 Vérifiez que la longueur de l'entrée est appropriée. Par exemple, si les mots de passe doivent être six à neuf caractères, vous pouvez utiliser une fonction pour limiter la longueur de l'entrée d'utilisateur pour le champ de mot de passe en spécifiant le min et max propriétés.