Une fois que vous avez un formulaire HTML opérationnel, vous voudrez souvent vous assurer que tous les champs importants sont remplis. Par exemple, si vous allez envoyer une lettre de confirmation par courrier électronique, l'adresse électronique doit être incluse dans les champs du formulaire. et il devrait s'agir d'une adresse électronique qui fonctionne.
Il existe deux manières de valider vos formulaires:
- Utiliser JavaScript
- Utiliser un script CGI
Les avantages de l'utilisation de JavaScript pour la validation des formulaires
- En utilisant javascript, vous n'utilisez pas de temps processeur. Tout le traitement est effectué sur l'ordinateur client.
- Cela semble souvent fonctionner plus rapidement que la validation CGI.
- Étant donné que la page de formulaire n'a pas changé, le lecteur peut facilement corriger les erreurs.
Les inconvénients de l'utilisation de JavaScript pour la validation des formulaires
- JavaScript ne fonctionne que sur les navigateurs qui l'ont activé. Si le JavaScript est désactivé, la vérification de votre erreur ne sera pas effectuée.
Les avantages de l'utilisation de CGI pour la validation de formulaires
- L'utilisation d'un CGI pour valider garantit que chaque validation du formulaire sera exécutée.
Les inconvénients de l'utilisation de CGI pour la validation de formulaires
- CGI met plus de charge sur le serveur Web et chaque fonction incluse dans le CGI est une tâche supplémentaire pour le serveur.
- CGI peut être lent à fonctionner.
- En cas d'erreur, le client doit revenir à la première page du formulaire ou le CGI a besoin d'une autre fonction pour réécrire la page du formulaire.
Pour y remédier, la plupart des erreurs sont vérifiées avec JavaScript. De cette façon, il est rapide et facile pour les lecteurs. J'ai ensuite revérifié les éléments vitaux du formulaire avec le CGI.
Comment utiliser JavaScript pour valider des formulaires HTML
Le principe de base de la création d'une validation de formulaire consiste à rechercher les noms des éléments de formulaire requis et, s'ils sont vides, d'afficher un message d'erreur.
La plupart des programmes de vérification des erreurs vérifient chaque champ un par un et affichent une erreur à la fois. Cela peut rendre le formulaire fastidieux et les gens risquent de s’arrêter au milieu. Si vous utilisez le script suivant et la source Perl, vous saurez comment valider un formulaire complet en une fois, en affichant une série de messages d'erreur que votre lecteur pourra alors corriger et corriger.
Le JavaScript pour valider un formulaire
Dans la partie tête de votre code HTML, vous devez créer un script pour effectuer la validation du formulaire:
- Configurez le script et assurez-vous qu'il est masqué des navigateurs qui ne peuvent pas gérer JavaScript.
Ensuite, pour appeler le script, insérez un élément onsubmit dans la balise de formulaire:
CGI pour la validation des formulaires
Cet extrait CGI de script Perl fait la même chose que JavaScript. Il vérifie si les champs obligatoires sont présents et, dans le cas contraire, enregistre un message d'erreur dans une variable à afficher:
#! / usr / local / bin / perl$ error = "";if ($ in {'dd'} eq ""){ $ error + = "Veuillez sélectionner dans la liste déroulante.';}if ($ in {'words'} eq ""){ $ error + = "Veuillez inclure quelques mots dans la zone de texte.';}# … continuer à valider tous les champssi ($ erreur) print "Type de contenu: text / html n n"; impression "
Une erreur est survenue
'; print $ error; print "S'il vous plaît revenir en arrière et corriger ces erreurs."; impression "';} autre { # Continuez avec le CGI …}
La différence avec la façon dont le CGI écrit le message d'erreur est qu'au lieu d'un " n", il utilise la balise de paragraphe HTML pour insérer une nouvelle ligne entre chaque erreur.
Et maintenant vous avez validé votre formulaire
Avec les deux méthodes, CGI et JavaScript, vous avez validé un formulaire HTML afin que davantage de parties qui vous sont envoyées soient exactes.
