Donc, dans cette vidéo, nous allons nous concentrer sur le vieillissement de lui cinq validations de formulaire de validations par rapport à la capacité d'appliquer les règles et la structure sur les différentes parties d'un formulaire afin que nous puissions dire que vous ne pouvez pas laisser votre e-mail vierge ou votre mot de passe doit être Plus de 10 caractères ou votre email doit suivre une syntaxe valide d'email.
Donc, ces validations sont quelque chose que nous allons continuer à apprendre beaucoup.
Nous ferons des validations pour javascript fera des validations sur le backend.
Aujourd'hui, nous allons simplement apprendre les validations simples que nous pouvons faire avec tout simplement vieilli hors de lui.
Donc, ces ne seront pas incroyablement compliqué.
Nous ne pouvons rien faire vraiment personnalisé.
Donc, nous pourrions vouloir en bas de la ligne pour faire une validation personnalisée pour s'assurer que le numéro de téléphone de quelqu'un suit le format correct exact ou nous avons un indicatif régional.
Dash 3 chiffres tableau de bord pour les chiffres, nous ne pouvons pas vraiment le faire avec juste h t m l Mais ce que nous pouvons faire, c'est deux choses différentes.
Nous pouvons vérifier pour s'assurer que quelque chose n'est pas vide, il est nécessaire.
Alors je vais vous montrer comment faire.
Commencez à revenir à notre formulaire que nous avons laissé avec et mais juste vous assurer que le nom d'utilisateur n'est pas vide.
Donc, tout ce que nous avons à faire est d'aller à la saisie et ajouter l'attribut requis.
Et c'est un attribut légèrement différent.
Nous n'avons pas à dire nécessaire parce que vrai ou quoi que ce soit que vous pouvez faire cela.
Tout ce que nous faisons est dire nécessaire et juste en l'ajoutant là, il est appelé un attribut booléen.
Le fait qu'il soit même présent signifie que c'est vrai.
C'est requis.
Donc, cela a un impact assez immédiat.
Si j'essaie de soumettre ce formulaire dès maintenant, Crome va réellement me le dire s'il vous plaît remplir ce champ.
Une note de côté cela ne fonctionnera pas réellement dans chaque navigateur simple.
C'est en fait jusqu'à le navigateur en ce moment pour implémenter ceci.
Mais dans Chrome cela fonctionnera.
Donc, il empêche les troupes formulaire de soumettre les pages ne pas rafraîchir.
Mais si je le remplis dans la page maintenant, les actualisations me mènent à Wikipedia.
De même, nous pouvons ajouter un champ requis à notre mot de passe.
Il fonctionne exactement de la même manière.
Flyleaf laisser les deux vierges d'abord va crier à moi pour le nom d'utilisateur alors nous allons crier à moi pour le mot de passe.
Ensuite, il soumettra le formulaire de sorte qu'un type de validation qui est ce que nous appelons une validation de présence et de s'assurer que quelque chose est là est nécessaire.
L'autre type de validation que nous pouvons faire est basé sur le type de données ou le format des données.
Donc le plus simple est de s'assurer qu'un email ressemble en fait à un e-mail qu'il a effectivement le format correct où nous avons quelque chose à quelque chose dot com ou dot un certain domaine.
Donc, pour ce faire, il est vraiment simple tout ce que nous avons besoin de le faire, nous allons changer cela pour être un e-mail plutôt que le nom du nom de l'utilisateur est égal à e-mail et juste en changeant de type qu'il soit e-mail et je vais changer mon espace réservé juste pour qu'il soit plus clair ce qui se passe .
Je rafraîchir cette première chose que cela va se passer lorsque je soumets à vous savez me dire s'il vous plaît le remplir.
Alors, allons le remplir.
Bonjour.
Maintenant, il va me dire s'il vous plaît inclure un signe à l'adresse e-mail.
Bonjour est absent et à l'extérieur, donc je peux ajouter mon signe ADD puis il va encore me dire s'il vous plaît entrez une partie après cela.
Et faisons juste gmail dot com.
OK alors maintenant que l'on passe alors nous avons volé le mot de passe.