1
00:00:00,660 --> 00:00:07,410
Então, neste vídeo, vamos nos concentrar em ele em cinco valentes de forma para que as validações se referissem à

2
00:00:07,680 --> 00:00:15,120
capacidade de impor regras e estrutura em diferentes partes de um formulário para que possamos dizer que você não pode deixar seu

3
00:00:15,120 --> 00:00:21,240
e-mail em branco ou sua senha deve ser maior que 10 caracteres ou seu email deve seguir uma

4
00:00:21,240 --> 00:00:23,020
sintaxe de e-mail válida.

5
00:00:23,610 --> 00:00:27,450
Então, essas validações são algo sobre o qual vamos continuar aprendendo muito.

6
00:00:27,630 --> 00:00:31,890
Vamos fazer validações para o javascript, fará validações no backend.

7
00:00:32,220 --> 00:00:36,840
Hoje, vamos apenas aprender sobre as simples validações que podemos fazer com a simples idade.

8
00:00:37,200 --> 00:00:39,180
Então, isso não vai ser incrivelmente complicado.

9
00:00:39,180 --> 00:00:41,180
Não podemos fazer nada realmente personalizado.

10
00:00:41,300 --> 00:00:48,510
Então, podemos querer avançar para fazer uma validação personalizada para garantir que o número de telefone de alguém siga o formato

11
00:00:48,510 --> 00:00:51,780
correto e exato ou temos um código de área.

12
00:00:51,780 --> 00:00:58,590
Dash 3 números dash para números, não podemos realmente fazer isso com apenas h t m l Mas o que podemos fazer é duas

13
00:00:58,590 --> 00:00:59,160
coisas diferentes.

14
00:00:59,160 --> 00:01:04,120
Podemos verificar para garantir que algo não esteja vazio é necessário.

15
00:01:04,440 --> 00:01:05,700
Então vou mostrar-lhe como fazer isso.

16
00:01:05,720 --> 00:01:15,480
Comece a voltar ao nosso formulário com o qual deixamos e mas apenas certifique-se de que o nome do usuário não está vazio.

17
00:01:16,140 --> 00:01:21,370
Então, tudo o que temos a fazer é ir para a entrada e adicionar o atributo necessário.

18
00:01:21,510 --> 00:01:23,790
E este é um atributo ligeiramente diferente.

19
00:01:23,970 --> 00:01:28,070
Não precisamos dizer obrigatório porque é verdade ou qualquer coisa que você possa fazer.

20
00:01:28,230 --> 00:01:33,160
Tudo o que fazemos é dizer necessário e, apenas adicionando-o, é chamado de atributo booleano.

21
00:01:33,270 --> 00:01:35,760
O fato de ser até presente significa que é verdade.

22
00:01:35,910 --> 00:01:37,550
É necessário.

23
00:01:38,760 --> 00:01:40,750
Então isso faz um impacto bastante imediato.

24
00:01:40,890 --> 00:01:46,920
Se eu tentar e enviar este formulário agora, o Crome realmente vai me dizer, por favor preencha este campo.

25
00:01:47,700 --> 00:01:51,210
Um lado, isso realmente não funcionará em todos os navegadores.

26
00:01:51,330 --> 00:01:54,490
Na verdade, é até o navegador agora implementar isso.

27
00:01:54,540 --> 00:01:56,320
Mas no Chrome isso funcionará.

28
00:01:56,400 --> 00:02:00,250
Portanto, impede que as tropas de formulário enviem as páginas não atualizadas.

29
00:02:00,660 --> 00:02:07,470
Mas se eu preencher isso na página agora atualizações me leva à Wikipedia.

30
00:02:07,530 --> 00:02:11,640
Da mesma forma, podemos adicionar obrigatório no campo da senha.

31
00:02:11,640 --> 00:02:13,270
Funciona exatamente da mesma maneira.

32
00:02:13,440 --> 00:02:18,850
Flyleaf deixa ambos em branco primeiro vai gritar comigo para o nome do usuário, então vamos gritar comigo por senha.

33
00:02:19,860 --> 00:02:25,950
Em seguida, enviará o formulário para que um tipo de validação seja o que chamaremos de

34
00:02:26,070 --> 00:02:29,730
validação de presença e certifique-se de que algo é necessário.

35
00:02:29,790 --> 00:02:36,360
O outro tipo de validação que podemos fazer é baseado em tipo de dados ou o formato de dados.

36
00:02:36,900 --> 00:02:44,190
Então, o mais simples é garantir que um e-mail realmente pareça com um e-mail que ele

37
00:02:44,400 --> 00:02:51,630
realmente possui o formato correto onde temos algo em algo com ponto ou com algum domínio.

38
00:02:52,050 --> 00:02:59,010
que precisamos fazer, vamos mudar isso para ser um e-mail, em vez de tipo de nome de usuário, é igual a e-mail e

39
00:02:59,220 --> 00:03:00,160
apenas mudando de

40
00:03:03,180 --> 00:03:08,870
tipo, seja e-mail e mudarei meu espaço reservado apenas para que seja mais claro o que está acontecendo .

41
00:03:08,880 --> 00:03:12,030
Então, para fazer isso, na verdade, é realmente simples, tudo o

42
00:03:12,030 --> 00:03:17,040
Eu atualizo esta primeira coisa que isso acontecerá quando eu enviar para você, sabe, me diga, por favor, preencha.

43
00:03:17,640 --> 00:03:18,780
Então, vamos preenchê-lo.

44
00:03:18,900 --> 00:03:20,110
Olá.

45
00:03:20,880 --> 00:03:25,200
Agora vai me dizer, por favor, inclua um sinal no endereço de e-mail.

46
00:03:25,410 --> 00:03:30,540
Olá está faltando e afastado para que eu possa adicionar meu sinal ADD, então ainda vai

47
00:03:30,540 --> 00:03:33,380
me dizer, por favor insira uma parte depois disso.

48
00:03:34,650 --> 00:03:39,050
E vamos fazer o Gmail dot com.

49
00:03:39,150 --> 00:03:42,680
OK, então agora que se passa, nós roubamos a senha.

50
00:03:42,690 --> 00:03:45,180
Agora eu clique em enviar e, em seguida, finalmente envie