1
00:00:00,000 --> 00:00:00,430

2
00:00:00,430 --> 00:00:03,020
>> ENCEINTE: Prenons maintenant un regard sur
une page Web qui permet à un utilisateur d'

3
00:00:03,020 --> 00:00:06,230
inscrivez-vous pour quelque chose, mais que fait
comprend un certain côté client

4
00:00:06,230 --> 00:00:08,690
validation de ses entrées.

5
00:00:08,690 --> 00:00:13,210
>> Remarquez ici, sous forme-1.html, j'ai
même forme que précédemment, mais j'ai

6
00:00:13,210 --> 00:00:17,940
ajouter un attribut ID à ma balise form,
dont la valeur est inscrivez-vous, si

7
00:00:17,940 --> 00:00:22,140
que j'ai un ID par lequel je peux
identifier de manière unique cette forme dans mon DOM.

8
00:00:22,140 --> 00:00:26,090
Maintenant, remarquez en dessous de mon formulaire tag est un script
étiquette, de sorte que très délibérément,

9
00:00:26,090 --> 00:00:30,840
mon code JavaScript n'exécutera
une fois la balise form et ses nœuds DOM

10
00:00:30,840 --> 00:00:31,990
ont été chargés.

11
00:00:31,990 --> 00:00:35,650
>> A l'intérieur de la balise script avis est l'
première ligne ici où je déclare une

12
00:00:35,650 --> 00:00:38,750
variable appelée forme et assigner
il la valeur de retour de

13
00:00:38,750 --> 00:00:42,850
document.getElementById de devis
enregistrement Fin de citation.

14
00:00:42,850 --> 00:00:45,860
C'est cette ligne de code qui va chercher
à travers mon DOM, la recherche de la

15
00:00:45,860 --> 00:00:50,130
élément ou nœud qui a une situation unique
identifiant de l'enregistrement, le stockage

16
00:00:50,130 --> 00:00:52,590
la valeur de retour en fin de compte
dans cette variable.

17
00:00:52,590 --> 00:00:56,910
>> Puis-je m'inscrire à ce formulaire un événement
gestionnaire pour la soumission du formulaire,

18
00:00:56,910 --> 00:01:02,190
avec form.onsubmit et attribuer qu'une
fonction anonyme, dont le corps

19
00:01:02,190 --> 00:01:04,220
procède à faire ce qui suit.

20
00:01:04,220 --> 00:01:09,700
Si le champ de cette forme, dont le nom est
e-mail, a une valeur égale à l'utilisateur

21
00:01:09,700 --> 00:01:14,220
citer rien unquote, alors nous sommes
aller à avertir l'utilisateur qu'il ou elle

22
00:01:14,220 --> 00:01:18,120
doivent fournir leur adresse e-mail, et
nous retournons false afin que la forme

23
00:01:18,120 --> 00:01:21,680
lui-même n'est pas fourni
pour vous inscrire point php.

24
00:01:21,680 --> 00:01:26,070
>> Sinon, si le formulaire a un champ dont le nom
est le mot de passe et dont la valeur est

25
00:01:26,070 --> 00:01:28,800
entre guillemets, puis nous allons hurlement
à l'utilisateur qu'il

26
00:01:28,800 --> 00:01:30,190
doit fournir un mot de passe.

27
00:01:30,190 --> 00:01:33,620
Et de nouveau, retourner false afin que
le formulaire n'est pas soumis à

28
00:01:33,620 --> 00:01:35,160
inscrivez-vous point php.

29
00:01:35,160 --> 00:01:38,920
>> Pendant ce temps, si la valeur que l'utilisateur dispose d'
tapé dans le champ de formulaire appelé

30
00:01:38,920 --> 00:01:43,100
mot de passe ne correspond pas à la valeur que
l'utilisateur a fourni pour la forme

31
00:01:43,100 --> 00:01:47,210
champ appelé confirmation, puis nous allons
crier à l'utilisateur les mots de passe ne

32
00:01:47,210 --> 00:01:50,800
allumette, et puis retourner false afin que
le formulaire n'est pas soumis à

33
00:01:50,800 --> 00:01:52,810
inscrivez-vous point php.

34
00:01:52,810 --> 00:01:59,030
>> Enfin, si ce n'est pas le cas que l'
l'entrée de l'accord de forme est cochée,

35
00:01:59,030 --> 00:02:02,740
puis nous allons crier à l'utilisateur expliquant
qu'il ou elle doit accepter les termes

36
00:02:02,740 --> 00:02:06,660
et de l'état, et de nouveau retourner false
de sorte que le formulaire n'est pas soumis à

37
00:02:06,660 --> 00:02:08,460
inscrivez-vous point php.

38
00:02:08,460 --> 00:02:11,830
>> Sinon, si, aucun de ces erreurs ont
été faite, nous allons en effet revenir vrai

39
00:02:11,830 --> 00:02:14,990
et permettre la soumission du formulaire
pour vous inscrire point php.

40
00:02:14,990 --> 00:02:17,680
>> Jetons un oeil à ces possible
erreurs maintenant par l'ouverture

41
00:02:17,680 --> 00:02:19,150
la page dans un navigateur.

42
00:02:19,150 --> 00:02:25,780
http://localhost/form-1.HTML.

43
00:02:25,780 --> 00:02:26,890
Voici alors ce formulaire.

44
00:02:26,890 --> 00:02:28,720
Donnons rien.

45
00:02:28,720 --> 00:02:30,660
>> Vous devez fournir votre adresse e-mail.

46
00:02:30,660 --> 00:02:34,930
Très bien, nous allons au moins coopèrent
le long de ces lignes.

47
00:02:34,930 --> 00:02:36,380
>> Vous devez fournir un mot de passe.

48
00:02:36,380 --> 00:02:40,150
Très bien, nous allons choisir un
mot de passe comme le cramoisi.

49
00:02:40,150 --> 00:02:41,245
Les mots de passe ne correspondent pas.

50
00:02:41,245 --> 00:02:46,250
Ah, j'ai besoin de coopérer et de fournir
le même mot, cramoisi, de nouveau.

51
00:02:46,250 --> 00:02:48,290
>> Vous devez accepter les termes
et conditions.

52
00:02:48,290 --> 00:02:50,290
Très bien, nous allons vérifier maintenant cette boîte.

53
00:02:50,290 --> 00:02:52,910
Et enfin, ouf, je suis inscrit.

54
00:02:52,910 --> 00:02:54,678