1
00:00:00,660 --> 00:00:23,020
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.

2
00:00:23,610 --> 00:00:27,450
Donc, ces validations sont quelque chose que nous allons continuer à apprendre beaucoup.

3
00:00:27,630 --> 00:00:31,890
Nous ferons des validations pour javascript fera des validations sur le backend.

4
00:00:32,220 --> 00:00:37,030
Aujourd'hui, nous allons simplement apprendre les validations simples que nous pouvons faire avec tout simplement vieilli hors de lui.

5
00:00:37,200 --> 00:00:39,180
Donc, ces ne seront pas incroyablement compliqué.

6
00:00:39,180 --> 00:00:41,180
Nous ne pouvons rien faire vraiment personnalisé.

7
00:00:41,300 --> 00:00:51,780
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.

8
00:00:51,780 --> 00:00:59,160
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.

9
00:00:59,160 --> 00:01:04,120
Nous pouvons vérifier pour s'assurer que quelque chose n'est pas vide, il est nécessaire.

10
00:01:04,440 --> 00:01:05,700
Alors je vais vous montrer comment faire.

11
00:01:05,720 --> 00:01:16,060
Commencez à revenir à notre formulaire que nous avons laissé avec et mais juste vous assurer que le nom d'utilisateur n'est pas vide.

12
00:01:16,140 --> 00:01:21,370
Donc, tout ce que nous avons à faire est d'aller à la saisie et ajouter l'attribut requis.

13
00:01:21,510 --> 00:01:23,790
Et c'est un attribut légèrement différent.

14
00:01:23,970 --> 00:01:28,070
Nous n'avons pas à dire nécessaire parce que vrai ou quoi que ce soit que vous pouvez faire cela.

15
00:01:28,230 --> 00:01:33,160
Tout ce que nous faisons est dire nécessaire et juste en l'ajoutant là, il est appelé un attribut booléen.

16
00:01:33,270 --> 00:01:35,760
Le fait qu'il soit même présent signifie que c'est vrai.

17
00:01:35,910 --> 00:01:37,550
C'est requis.

18
00:01:38,760 --> 00:01:40,750
Donc, cela a un impact assez immédiat.

19
00:01:40,890 --> 00:01:47,670
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.

20
00:01:47,700 --> 00:01:51,210
Une note de côté cela ne fonctionnera pas réellement dans chaque navigateur simple.

21
00:01:51,330 --> 00:01:54,490
C'est en fait jusqu'à le navigateur en ce moment pour implémenter ceci.

22
00:01:54,540 --> 00:01:56,320
Mais dans Chrome cela fonctionnera.

23
00:01:56,400 --> 00:02:00,250
Donc, il empêche les troupes formulaire de soumettre les pages ne pas rafraîchir.

24
00:02:00,660 --> 00:02:07,470
Mais si je le remplis dans la page maintenant, les actualisations me mènent à Wikipedia.

25
00:02:07,530 --> 00:02:11,640
De même, nous pouvons ajouter un champ requis à notre mot de passe.

26
00:02:11,640 --> 00:02:13,270
Il fonctionne exactement de la même manière.

27
00:02:13,440 --> 00:02:19,450
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.

28
00:02:19,860 --> 00:02:29,730
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.

29
00:02:29,790 --> 00:02:36,360
L'autre type de validation que nous pouvons faire est basé sur le type de données ou le format des données.

30
00:02:36,900 --> 00:02:51,630
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.

31
00:02:52,050 --> 00:03:12,030
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 .

32
00:03:12,030 --> 00:03:17,360
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.

33
00:03:17,640 --> 00:03:18,780
Alors, allons le remplir.

34
00:03:18,900 --> 00:03:20,110
Bonjour.

35
00:03:20,880 --> 00:03:25,200
Maintenant, il va me dire s'il vous plaît inclure un signe à l'adresse e-mail.

36
00:03:25,410 --> 00:03:33,380
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.

37
00:03:34,650 --> 00:03:39,050
Et faisons juste gmail dot com.

38
00:03:39,150 --> 00:03:42,680
OK alors maintenant que l'on passe alors nous avons volé le mot de passe.