1
00:00:00,660 --> 00:00:07,410
En este video nos enfocaremos en añejarlo cinco validaciones de formularios para que las validaciones se refieran a la capacidad

2
00:00:07,680 --> 00:00:15,120
de aplicar reglas y estructura en diferentes partes de un formulario para que podamos decir que no puede dejar su correo electrónico

3
00:00:15,120 --> 00:00:21,240
en blanco o que su contraseña debe ser más de 10 caracteres o su correo electrónico debe seguir

4
00:00:21,240 --> 00:00:23,020
una sintaxis de correo electrónico válida.

5
00:00:23,610 --> 00:00:27,450
Entonces estas validaciones son algo sobre lo que vamos a seguir aprendiendo mucho.

6
00:00:27,630 --> 00:00:31,890
Haremos validaciones para javascript hará validaciones en el back-end.

7
00:00:32,220 --> 00:00:36,840
Hoy vamos a aprender sobre las validaciones simples que podemos hacer con solo dejarlo fuera.

8
00:00:37,200 --> 00:00:39,180
Entonces estos no van a ser increíblemente complicados.

9
00:00:39,180 --> 00:00:41,180
No podemos hacer nada realmente personalizado.

10
00:00:41,300 --> 00:00:48,510
Entonces, podemos querer hacer una validación personalizada para asegurarse de que el número de teléfono de alguien siga el formato

11
00:00:48,510 --> 00:00:51,780
correcto exacto o que tengamos un código de área.

12
00:00:51,780 --> 00:00:58,590
Los números de Dash 3 apuntan hacia los números. No podemos hacer eso con solo h t m l. Pero lo que podemos hacer es dos

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

14
00:00:59,160 --> 00:01:04,120
Podemos verificar que algo no esté vacío es obligatorio.

15
00:01:04,440 --> 00:01:05,700
Entonces te mostraré cómo hacer eso.

16
00:01:05,720 --> 00:01:15,480
Empieza a volver a nuestro formulario que dejamos y solo asegúrate de que el nombre de usuario no esté vacío.

17
00:01:16,140 --> 00:01:21,370
Entonces, todo lo que tenemos que hacer es ir a la entrada y agregar el atributo requerido.

18
00:01:21,510 --> 00:01:23,790
Y este es un atributo ligeramente diferente.

19
00:01:23,970 --> 00:01:28,070
No tenemos que decir que sea necesario porque es cierto o cualquier cosa que pueda hacer eso.

20
00:01:28,230 --> 00:01:33,160
Todo lo que hacemos es decir obligatorio y simplemente al agregarlo se llama atributo booleano.

21
00:01:33,270 --> 00:01:35,760
El hecho de que esté presente significa que es verdad.

22
00:01:35,910 --> 00:01:37,550
Es requerido.

23
00:01:38,760 --> 00:01:40,750
Entonces esto tiene un impacto bastante inmediato.

24
00:01:40,890 --> 00:01:46,920
Si intento enviar este formulario ahora, Crome realmente me va a decir que complete este campo.

25
00:01:47,700 --> 00:01:51,210
Una nota de lado esto en realidad no funcionará en todos los navegadores.

26
00:01:51,330 --> 00:01:54,490
De hecho, depende del navegador implementar esto.

27
00:01:54,540 --> 00:01:56,320
Pero en Chrome esto funcionará.

28
00:01:56,400 --> 00:02:00,250
Por lo tanto, evita que las tropas de formulario envíen las páginas que no se actualicen.

29
00:02:00,660 --> 00:02:07,470
Pero si llene esto en la página, ahora las actualizaciones me llevarán a Wikipedia.

30
00:02:07,530 --> 00:02:11,640
Del mismo modo, podemos agregar requerido a nuestro campo de contraseña.

31
00:02:11,640 --> 00:02:13,270
Funciona de la misma manera.

32
00:02:13,440 --> 00:02:18,850
Flyleaf se va primero y me va a gritar por el nombre de usuario y luego nos gritará la contraseña.

33
00:02:19,860 --> 00:02:25,950
Luego, enviará el formulario de modo que un tipo de validación, que es lo que llamaríamos una

34
00:02:26,070 --> 00:02:29,730
validación de presencia, y se asegure de que se requiere algo.

35
00:02:29,790 --> 00:02:36,360
El otro tipo de validación que podemos hacer se basa en el tipo de datos o el formato de los datos.

36
00:02:36,900 --> 00:02:44,190
Así que la más simple es asegurarse de que un correo electrónico realmente se parece a un correo electrónico que

37
00:02:44,400 --> 00:02:51,630
en realidad tiene el formato correcto en el que tenemos algo en algo, punto com o punto en algún dominio.

38
00:02:52,050 --> 00:02:59,010
que hacer, cambiemos esto para que sea un correo electrónico en lugar de un nombre de usuario igual a un correo electrónico y simplemente

39
00:02:59,220 --> 00:03:00,160
cambiando el tipo

40
00:03:03,180 --> 00:03:08,870
sea un correo electrónico y cambiaré mi marcador de posición para que quede claro lo que está sucediendo .

41
00:03:08,880 --> 00:03:12,030
Entonces, para hacer eso, es realmente simple todo lo que tenemos

42
00:03:12,030 --> 00:03:17,040
Actualizo esto primero que va a suceder cuando me presento a usted sabe decirme por favor llénelo.

43
00:03:17,640 --> 00:03:18,780
Entonces, vamos a completarlo.

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

45
00:03:20,880 --> 00:03:25,200
Ahora me dirá por favor incluya un al firmar en la dirección de correo electrónico.

46
00:03:25,410 --> 00:03:30,540
Hola, falta y afuera, así que puedo agregar mi señal de AGREGAR y luego todavía me va

47
00:03:30,540 --> 00:03:33,380
a decir, por favor ingrese una parte después de eso.

48
00:03:34,650 --> 00:03:39,050
Y solo hagamos gmail dot com.

49
00:03:39,150 --> 00:03:42,680
OK entonces ahora que uno pasa, robamos la contraseña.

50
00:03:42,690 --> 00:03:45,180
Ahora hago clic en enviar y luego finalmente envío