En este video vamos a continuar con nuestro proyecto vamos a estar trabajando con crear cuenta.
Aún no vamos a interactuar con la base de datos voy a mostrarte algo importante en el formulario apuntó
JavaScript.
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
aquí pongo función event le dice Nars.
La idea es que nuestros liners no estén en el global mascan document contó Cuadri cueritos el lector
y aquí voy a poner formulario y vamos a poner un punto de venta Lissner cuando estás trabajando con
JavaScript puedes esperar por muchos eventos aquí por ejemplo estamos en el forma de el formulario cuando
estás en formulario es el más comunes Summit Summit es cuando el usuario le presiona en crear cuenta
por ejemplo el botón en este caso por ejemplo son inputs de tipo submit es decir cuando el usuario envía
el registro esquivamos con el valida registro que va a ser la función que se va a ejecutar con una función
válida registro y equipo poner algo o a pasar el evento punto preven default.
Voy a mostrarte qué hace que no hace pretende FODA si quiero pongo Consol Autolog aquí aquí vamos algo
así para saber qué se está comunicando.
Nuestro Hemendik Zener con esta función entonces recargamos y puedes presionar como si fuera yo recomiendo
que limpies caché control Cypher Consol y doy clic aquí en crear cuenta y vamos Kiseki vamos.
Si le quitas el Preven de fold y recargamos le das crear cuenta puedes ver ese salto que da porque pretende
lo que hace es que este formulario no se envíe por default a un formulario cuando lo llenas se va a
enviar a lo que el usuario o lo que hayamos definido dentro del action pero en este caso puedes ver
que no hay ningún Action ya que somos nosotros los que vamos a realizar todo el código toda la validación
con JavaScript.
Aquí en esta parte lo primero que vamos a hacer es bueno el usuario no puede enviar el formulario vacío
aquí no estamos agregando nada y vemos que se envía entonces para esa parte eliminar esto vamos a tener
que leer lo que haya en cualquiera de estos dos tanto en el imput con el usuario como el que tiene el
Heydi de password donde seleccionarlos Bahr usuario igualas document punto creeríais el lector que vamos
a poner y de usuario punto valioso nos va a permitir acceder al valor que esté agregado password igualador
quien apuntó que eres el lector aquí me falta un punto.
Nota Aquí es importante común no declaró Bart nuevamente porque le puse una coma aquí y ponemos password
punto Balio.
Entonces puedo darle aquí con su blog usuario más más asegura sumábamos cambios recargamos le doy crear
cuenta y vemos que no imprime nada porque obviamente el valio está vacío.
Si yo le doy algo lo que sea vemos que tengo acceso a las dos valores que están aquí dentro.
Y con eso puedo validar que tengan algo escrito.
Por ejemplo si pongo IHF usuario es igual a nada o el password también está vacío.
Puedo lanzar una alerta los dos campos son obligatorios y guardar cambios y recargar limpia caché como
así fue siempre.
Si lo de crear cuentas de los dos campos son obligatorios pero esta alerta se ve bastante fea bastante
horrible.
Entonces si abrimos switch Alert puedes dar click aquí.
Esta es la alerta normal y esta es una alerta de Hospitalet se ve mucho mejor si se quiere saber que
hay muchos ejemplos entonces vamos a utilizar esta que tiene un error este de aquí copiamos en la tercera
igual si no lo se no lo puedes ubicar el código enquista.
Este Fuhrer no lo vamos a usar entonces guardamos cambios recargamos en cuenta y vemos que se Ox un
error ahora si el tipo es error este error va a imprimir esta X.
Pero este Toks podemos cambiarlo error y aquí podemos poner ambos campos son obligatorios son obligatorios
entonces recargamos crear cuenta y que error ambos campos son obligatorios vamos ok y entonces al menos
estamos validando y gracias a su Thaler pues se ve bastante atractivo aqui en el y voy a copiar este
mismo código.
Ahora vas a venir aquí a su taller hay unos que se llaman Success podemos por ejemplo este se ve bastante
bien aquí.
Además tiene algunos detalles uno que se llama success.
Aquí puedes ver por ejemplo si le doy click está bajo el scroll hacia abajo y es que tiene muchos métodos
es una librería muy grande vas a encontrar los distintos tipos por ejemplo Error error es el tipo aquí
entonces Success es la palomita al Warne en cuestión se puede copiar esto.
Y en lugar de que sea error va a ser Success porque el usuario escribe algo entonces aquí vamos a poner
correcto
escribiste ambos campos que obviamente no lo vamos a mandar al usuario pero ahorita estamos probando
si lo dejo como si nada.
Error si agrego algo aquí error si agrego en ambos vemos que es el correcto porque hemos escrito algo
pero aún le falta porque esta parte es el Leeds entonces en este els tenemos que ver qué datos el usuario
ha escrito aquí enviarlos a la base de datos y almacenarlos y toda esa parte que todavía falta un poco
más que hacer nuestro siguiente vídeo vamos a comenzar a trabajar con Ayax para poder enviar datos desde
PHP a JavaScript y al revés.
Todo eso lo veremos en nuestro próximo video.