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

2
00:00:00,430 --> 00:00:03,020
>> SPEAKER: Vamos agora dar uma olhada
uma página web que permite que um usuário

3
00:00:03,020 --> 00:00:06,230
inscrever-se alguma coisa, mas que na verdade
inclui alguns do lado do cliente

4
00:00:06,230 --> 00:00:08,690
validação de seus insumos.

5
00:00:08,690 --> 00:00:13,210
>> Observe aqui, em forma-1.html, tenho
essa mesma forma como antes, mas eu tenho

6
00:00:13,210 --> 00:00:17,940
adicionado um atributo ID para a minha forma tag,
o valor das quais é registar, de modo

7
00:00:17,940 --> 00:00:22,140
que eu tenho um ID via que eu puder
identificar de que forma no meu DOM.

8
00:00:22,140 --> 00:00:26,090
Agora, observe abaixo do meu formulário tag é um script
tag, de modo que muito deliberadamente,

9
00:00:26,090 --> 00:00:30,840
meu código JavaScript só executará
uma vez que a tag formulário e seus nós DOM

10
00:00:30,840 --> 00:00:31,990
foram carregados.

11
00:00:31,990 --> 00:00:35,650
>> Dentro do edital tag script é o
primeira linha aqui onde eu declarar uma

12
00:00:35,650 --> 00:00:38,750
variável chamada forma e atribuir
que o valor de retorno

13
00:00:38,750 --> 00:00:42,850
document.getElementById de citação
registro fecha aspas.

14
00:00:42,850 --> 00:00:45,860
É esta linha de código que vai ficar
através do meu DOM, olhando para o

15
00:00:45,860 --> 00:00:50,130
elemento ou nó que possui um único
identificador de registro, armazenamento

16
00:00:50,130 --> 00:00:52,590
o valor de retorno, em última instância
nesta variável.

17
00:00:52,590 --> 00:00:56,910
>> Então eu registrar com que forma um evento
manipulador para o envio do formulário,

18
00:00:56,910 --> 00:01:02,190
com form.onsubmit e atribuir que um
função anônima, o corpo de que

19
00:01:02,190 --> 00:01:04,220
passa a fazer o seguinte.

20
00:01:04,220 --> 00:01:09,700
Se o campo dessa forma, cujo nome é
e-mail, tem um valor a partir do utilizador igual

21
00:01:09,700 --> 00:01:14,220
para citar nada fecha aspas, então estamos
indo para alertar o usuário de que ele ou ela

22
00:01:14,220 --> 00:01:18,120
deve fornecer seu endereço de e-mail, e
nós return false para que o formulário

23
00:01:18,120 --> 00:01:21,680
em si não é submetido
a registrar php ponto.

24
00:01:21,680 --> 00:01:26,070
>> Outra coisa, se o formulário tem um campo cujo nome
é a senha e cujo valor é

25
00:01:26,070 --> 00:01:28,800
entre aspas, então vamos gritar
o utilizador que ele ou ela

26
00:01:28,800 --> 00:01:30,190
deve fornecer uma senha.

27
00:01:30,190 --> 00:01:33,620
E, novamente, retornar false para que
o formulário não é submetido a

28
00:01:33,620 --> 00:01:35,160
php registar ponto.

29
00:01:35,160 --> 00:01:38,920
>> Entretanto, se o valor que o usuário tem
digitei ao campo de formulário chamado

30
00:01:38,920 --> 00:01:43,100
senha não coincide com o valor que
o usuário tenha fornecido para a forma

31
00:01:43,100 --> 00:01:47,210
campo chamado de confirmação, então vamos
gritar com o usuário as senhas não

32
00:01:47,210 --> 00:01:50,800
jogo, em seguida, retornar false para que
o formulário não é submetido a

33
00:01:50,800 --> 00:01:52,810
php registar ponto.

34
00:01:52,810 --> 00:01:59,030
>> Finalmente, se não for o caso, que a
entrada acordo do formulário é verificado,

35
00:01:59,030 --> 00:02:02,740
então vamos gritar com o usuário explicando
que ele ou ela deve concordar com os termos

36
00:02:02,740 --> 00:02:06,660
e condição, e, novamente, retornar falso
para que o formulário não é submetido a

37
00:02:06,660 --> 00:02:08,460
php registar ponto.

38
00:02:08,460 --> 00:02:11,830
>> Else if, nenhum desses erros têm
foram feitas, vamos de fato retornar true

39
00:02:11,830 --> 00:02:14,990
e permitir que o formulário seja enviado
a registrar php ponto.

40
00:02:14,990 --> 00:02:17,680
>> Vamos dar uma olhada nestes possível
erros agora por abertura

41
00:02:17,680 --> 00:02:19,150
a página em um navegador.

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

43
00:02:25,780 --> 00:02:26,890
Eis, então, que forma.

44
00:02:26,890 --> 00:02:28,720
Vamos fornecer nada.

45
00:02:28,720 --> 00:02:30,660
>> Você deve fornecer seu endereço de e-mail.

46
00:02:30,660 --> 00:02:34,930
Tudo bem, vamos pelo menos cooperar
nesse sentido.

47
00:02:34,930 --> 00:02:36,380
>> Você deve fornecer uma senha.

48
00:02:36,380 --> 00:02:40,150
Tudo bem, vamos escolher um
senha como o carmesim.

49
00:02:40,150 --> 00:02:41,245
As senhas não coincidem.

50
00:02:41,245 --> 00:02:46,250
Ah, eu preciso cooperar e fornecer
a mesma palavra, o carmesim, novamente.

51
00:02:46,250 --> 00:02:48,290
>> Você deve concordar com os termos
e condições.

52
00:02:48,290 --> 00:02:50,290
Tudo bem, vamos ver agora que a caixa.

53
00:02:50,290 --> 00:02:52,910
E, finalmente, ufa, estou registrado.

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