1
00:00:00,450 --> 00:00:05,520
En este video vamos a continuar con nuestro proyecto vamos a estar trabajando con crear cuenta.

2
00:00:05,640 --> 00:00:11,970
Aún no vamos a interactuar con la base de datos voy a mostrarte algo importante en el formulario apuntó

3
00:00:12,000 --> 00:00:13,220
JavaScript.

4
00:00:13,220 --> 00:00:22,280
Vamos a crear una función que crea una función que se mueven dice noirs o más bien voy a mandar a llamar

5
00:00:22,670 --> 00:00:26,790
aquí pongo función event le dice Nars.

6
00:00:27,020 --> 00:00:37,330
La idea es que nuestros liners no estén en el global mascan document contó Cuadri cueritos el lector

7
00:00:38,790 --> 00:00:48,700
y aquí voy a poner formulario y vamos a poner un punto de venta Lissner cuando estás trabajando con

8
00:00:48,700 --> 00:00:55,150
JavaScript puedes esperar por muchos eventos aquí por ejemplo estamos en el forma de el formulario cuando

9
00:00:55,150 --> 00:01:01,030
estás en formulario es el más comunes Summit Summit es cuando el usuario le presiona en crear cuenta

10
00:01:01,030 --> 00:01:09,010
por ejemplo el botón en este caso por ejemplo son inputs de tipo submit es decir cuando el usuario envía

11
00:01:09,010 --> 00:01:15,040
el registro esquivamos con el valida registro que va a ser la función que se va a ejecutar con una función

12
00:01:15,880 --> 00:01:22,800
válida registro y equipo poner algo o a pasar el evento punto preven default.

13
00:01:22,880 --> 00:01:29,890
Voy a mostrarte qué hace que no hace pretende FODA si quiero pongo Consol Autolog aquí aquí vamos algo

14
00:01:29,890 --> 00:01:33,070
así para saber qué se está comunicando.

15
00:01:33,070 --> 00:01:40,070
Nuestro Hemendik Zener con esta función entonces recargamos y puedes presionar como si fuera yo recomiendo

16
00:01:40,070 --> 00:01:45,850
que limpies caché control Cypher Consol y doy clic aquí en crear cuenta y vamos Kiseki vamos.

17
00:01:46,130 --> 00:01:54,870
Si le quitas el Preven de fold y recargamos le das crear cuenta puedes ver ese salto que da porque pretende

18
00:01:55,030 --> 00:02:02,220
lo que hace es que este formulario no se envíe por default a un formulario cuando lo llenas se va a

19
00:02:02,220 --> 00:02:07,530
enviar a lo que el usuario o lo que hayamos definido dentro del action pero en este caso puedes ver

20
00:02:07,530 --> 00:02:13,290
que no hay ningún Action ya que somos nosotros los que vamos a realizar todo el código toda la validación

21
00:02:13,290 --> 00:02:14,420
con JavaScript.

22
00:02:14,460 --> 00:02:20,540
Aquí en esta parte lo primero que vamos a hacer es bueno el usuario no puede enviar el formulario vacío

23
00:02:20,560 --> 00:02:29,360
aquí no estamos agregando nada y vemos que se envía entonces para esa parte eliminar esto vamos a tener

24
00:02:29,360 --> 00:02:36,320
que leer lo que haya en cualquiera de estos dos tanto en el imput con el usuario como el que tiene el

25
00:02:36,320 --> 00:02:48,230
Heydi de password donde seleccionarlos Bahr usuario igualas document punto creeríais el lector que vamos

26
00:02:48,250 --> 00:02:55,420
a poner y de usuario punto valioso nos va a permitir acceder al valor que esté agregado password igualador

27
00:02:55,420 --> 00:03:00,640
quien apuntó que eres el lector aquí me falta un punto.

28
00:03:00,640 --> 00:03:08,620
Nota Aquí es importante común no declaró Bart nuevamente porque le puse una coma aquí y ponemos password

29
00:03:08,700 --> 00:03:09,630
punto Balio.

30
00:03:11,080 --> 00:03:23,710
Entonces puedo darle aquí con su blog usuario más más asegura sumábamos cambios recargamos le doy crear

31
00:03:23,710 --> 00:03:27,150
cuenta y vemos que no imprime nada porque obviamente el valio está vacío.

32
00:03:27,290 --> 00:03:32,650
Si yo le doy algo lo que sea vemos que tengo acceso a las dos valores que están aquí dentro.

33
00:03:33,670 --> 00:03:36,500
Y con eso puedo validar que tengan algo escrito.

34
00:03:36,670 --> 00:03:47,780
Por ejemplo si pongo IHF usuario es igual a nada o el password también está vacío.

35
00:03:47,780 --> 00:03:59,220
Puedo lanzar una alerta los dos campos son obligatorios y guardar cambios y recargar limpia caché como

36
00:03:59,220 --> 00:04:00,320
así fue siempre.

37
00:04:00,560 --> 00:04:07,670
Si lo de crear cuentas de los dos campos son obligatorios pero esta alerta se ve bastante fea bastante

38
00:04:07,670 --> 00:04:08,710
horrible.

39
00:04:08,960 --> 00:04:12,770
Entonces si abrimos switch Alert puedes dar click aquí.

40
00:04:12,800 --> 00:04:18,620
Esta es la alerta normal y esta es una alerta de Hospitalet se ve mucho mejor si se quiere saber que

41
00:04:18,620 --> 00:04:27,780
hay muchos ejemplos entonces vamos a utilizar esta que tiene un error este de aquí copiamos en la tercera

42
00:04:27,780 --> 00:04:30,920
igual si no lo se no lo puedes ubicar el código enquista.

43
00:04:31,160 --> 00:04:40,690
Este Fuhrer no lo vamos a usar entonces guardamos cambios recargamos en cuenta y vemos que se Ox un

44
00:04:40,690 --> 00:04:45,630
error ahora si el tipo es error este error va a imprimir esta X.

45
00:04:46,120 --> 00:04:57,750
Pero este Toks podemos cambiarlo error y aquí podemos poner ambos campos son obligatorios son obligatorios

46
00:04:59,140 --> 00:05:05,590
entonces recargamos crear cuenta y que error ambos campos son obligatorios vamos ok y entonces al menos

47
00:05:05,590 --> 00:05:14,610
estamos validando y gracias a su Thaler pues se ve bastante atractivo aqui en el y voy a copiar este

48
00:05:14,610 --> 00:05:15,820
mismo código.

49
00:05:15,830 --> 00:05:23,900
Ahora vas a venir aquí a su taller hay unos que se llaman Success podemos por ejemplo este se ve bastante

50
00:05:23,900 --> 00:05:24,390
bien aquí.

51
00:05:24,400 --> 00:05:32,970
Además tiene algunos detalles uno que se llama success.

52
00:05:33,180 --> 00:05:39,310
Aquí puedes ver por ejemplo si le doy click está bajo el scroll hacia abajo y es que tiene muchos métodos

53
00:05:39,310 --> 00:05:46,100
es una librería muy grande vas a encontrar los distintos tipos por ejemplo Error error es el tipo aquí

54
00:05:46,850 --> 00:05:51,880
entonces Success es la palomita al Warne en cuestión se puede copiar esto.

55
00:05:53,380 --> 00:05:59,170
Y en lugar de que sea error va a ser Success porque el usuario escribe algo entonces aquí vamos a poner

56
00:05:59,180 --> 00:05:59,950
correcto

57
00:06:04,810 --> 00:06:12,250
escribiste ambos campos que obviamente no lo vamos a mandar al usuario pero ahorita estamos probando

58
00:06:12,800 --> 00:06:14,340
si lo dejo como si nada.

59
00:06:14,350 --> 00:06:21,310
Error si agrego algo aquí error si agrego en ambos vemos que es el correcto porque hemos escrito algo

60
00:06:22,240 --> 00:06:29,890
pero aún le falta porque esta parte es el Leeds entonces en este els tenemos que ver qué datos el usuario

61
00:06:29,890 --> 00:06:35,920
ha escrito aquí enviarlos a la base de datos y almacenarlos y toda esa parte que todavía falta un poco

62
00:06:35,920 --> 00:06:42,880
más que hacer nuestro siguiente vídeo vamos a comenzar a trabajar con Ayax para poder enviar datos desde

63
00:06:42,880 --> 00:06:46,850
PHP a JavaScript y al revés.

64
00:06:46,910 --> 00:06:48,810
Todo eso lo veremos en nuestro próximo video.