En la clase pasada nos quedamos que podríamos escribir cosas acá tenemos la información aquí o eventualmente
lo vamos a remover pero no estamos ejecutando ningún tipo de validación.
Es más cómo podemos hacer la validación en primer lugar si nosotros colocamos voy a irme.
Empecemos con el paso al corte más sencillo.
Si el paso nosotros le colocamos aquí el error Text y escribimos cualquier cosa como por ejemplo no
es una contraseña válida o cualquier otra cosa y grabo los cambios.
Noten que es lo que va a suceder.
Flores detecta como hay un error Tex.
Entonces la caja tiene que ser roja.
La línea tiene que ser roja y está mostrando el error hacia abajo.
Eso es exactamente lo que yo necesito.
Y si ahora en el error texto supongamos que yo le mando un loscambios entonces ustedes van a notar que
automáticamente es menor regresa a su color original.
En este caso es el morado y desaparece el texto.
Entonces en pocas palabras lo que yo tengo que hacer es estar jugando con este valor que voy a tener
que mandar en el error text ok.
Cómo lo hacemos.
Bueno básicamente tendríamos que trabajar con el Snapshot es decir si el Snapshot tiene un error entonces
vamos a mostrar eso y si viene información entonces quiere decir que el password es válido para eso
les voy a pedir que vayamos al login Bloc y aquí vamos a implementar nuestros estro en Transformes que
ya lo habíamos utilizado.
No sé si ustedes se acuerdan en la aplicación de los códigos Qwark que habíamos hecho un string Transformer
para validar qué información de mapas y qué información era de peticiones o a páginas web como HTTP.
Aquí es básicamente lo mismo sólo que aquí lo vamos a mejorar un poquito más en la parte del blog vamos
a hacer click derecho y crearnos un nuevo archivo y este archivo se va a llamar valide y punto.
Dart aquí Udes siéntanse libres de poner todas las validaciones que ustedes quieran eventualmente.
Gracias a la habilidad que nos ofrece el mixing podremos agregar todas las validaciones que nosotros
queramos o reutilizarlas mejor dicho en otras clases ya lo vamos a ver luego entonces aquí crearnos
una clase llamada de Authors marielitos abren y cierran llaves.
Aquí simplemente tengo que definirme los string Transformes.
Comencemos con el más sencillo que sería el del password final.
Voy a poner aquí validar password.
También podríamos ponerlo validar como un lector pero esto va a ser una validación que yo quiero implementar
cuando necesite comprobarse un password es válido o no aquí aquí esto va a ser igual a un extreme Transformer
y note que esa palabra no me encuentra entonces tengo que importarlo de Dark Oishi este que se encuentra
aquí y aquí sería un punto.
From Antlers está punto y coma.
Siempre es conveniente decir qué información fluye y qué información sale de un transformer.
Por ejemplo vamos a recibir un string y la salida va a ser un tren.
También puede ser cualquier otro tipo de salida.
Podría ser un modelo podría ser un entero o un robot cualquier cosa y cualquier cosa podría entrar.
Entonces por eso es específica de esa manera.
Ahora aquí dentro de foam flojean les voy a presionar un ente y tengo que implementar el método de Daira
ta parentesis aquí recibiríamos el password básicamente el string propiamente Koma y el segundo es el
zinc.
Abro y cierro llaves este Zink básicamente le voy a decir aquí a mí estoy en Transformed qué información
sigue fluyendo o qué información se Shito notificar que hay un error y bloquearlo.
Entonces para eso voy a hacer lo siguiente tenemos una validación sencilla y voy a decir que si el password
punto links esto es mayor o igual a 6 vamos a pedirle que sea un largo de seis caracteres.
Si es mayor a 6 quiere decir que ese password es válido y lo voy a aceptar.
Entonces Zink punto a parentesis y voy a agregar el password.
En pocas palabras lo que estoy diciendo aquí es que deje fluir esta contraseña o sea el valor es Frink
que yo acababa de ingresar.
Caso contrario si el password en menos de seis caracteres tengo que mostrar el error diciendo que la
contraseña es muy pequeña.
Cómo agregamos eso.
Bueno voy a notificar al cine mediante un error Cink punto a error Tapp.
Y a qué viene el texto que ustedes quieren mostrar porque no se cumple alguna condición.
En este caso sería más de seis caracteres por favor o lo que ustedes quieran escribir.
Y puntico.
Eso sería toda la validación y entiéndase que esta validación de validar password realmente es una validación
de seis caracteres.
Ustedes podrían utilizar esta función de validar password en cualquier otro lugar así que utilicemos
la voy a grabar los cambios en invalidados.
Voy a regresar a mi blog puntuó Dart y voy a mezclarlo mi blogging Block y le voy a añadir esta nueva
propiedad que yo acabo de crear mediante un mixing con el uso de la palabra reservada Wiz datos aquí
el punto es importarlo de esta dirección y perfecto.
Ahora yo puedo tomar mi stream o sea el password string y pasarlo por un Transform tap y me pide un
string Transformer que es exactamente lo que yo acabo de leer acá.
Entonces voy a tomar el validar password y lo voy a pegar hay espacio espacio y grabo los cambios.
Noten que lo único que acabo de hacer es crear este string Transformer y colocarlo ahí al hacer un Jordy
y yo empiezo a escribir.
Vamos a ver qué sucede.
Escribo 1 2 3 4 5 y ven que sospechosamente no está apareciendo la información aquí y la información
no está apareciendo porque como tenemos un Transformer es un transformer está mandando errores cada
vez que sea menos de 6 caracteres y eso lo que hace es que yo no tenga la data.
O sea si hay un error la data no viene bien NULL y siguen en él.
Eso es lo que hace que no aparezca acá pero no en el momento en que yo presioné La Sexta o el sexto
número aparece y esto quiere decir que esa contraseña fue aceptada.
Ahora lo que tenemos que hacer es mostrarle error cuando son menos de 5 caracteres pero ya visualmente
vamos a ver.
Entonces voy a quitar el comentario que tenía del error Text y voy a preguntar si hay un error para
preguntar ese error sería Snapshot punto error.
Noten que también aquí dentro del Snapshot tenemos Snapshot tendríamos el jazz Daira que es que si tenemos
información y el error si sucede un error y ustedes quieren.
Bueno no sé trabajarlo de alguna otra manera.
Entonces básicamente eso sería todo.
Voy a grabar los cambios y noten que dice que más de seis caracteres por favor.
El mensaje de error personalizado que yo puse.
Si yo hago un pistard nada más.
Dejemos para que miremos cuál es el estado original de cada texto.
Parece bien y empiezo a escribir uno dos tres cuatro cinco seis.
Y ahí si lo acepta ahora tenemos que hacer la misma validación y el mismo proceso pero con el correo
electrónico.
Yo lo que voy a hacer aquí es copiar todo el código del validar password y le voy a pegar aquí arriba
y se va a llamar validar mi email.
La validación del nivel es un poquito diferente.
Yo voy a recibir un email o sea el texto propiamente que está escribiendo la persona y voy a quitar
esto de acá para hacerlo a nosotros mismos los quitamos.
Qué validación es la que necesito hacer.
Los correos electrónicos son un poquito más complejos porque necesito evaluarlos contra una expresión
regular para saber si el string cumple la condición de que sea un correo electrónico.
En el material adjunto yo les estoy dejando a ustedes este archivo de texto que dice e-mail.
Ustedes lo van a abrir copia todo el código que está acá lo copia cerrar todo esto o copian todo y lo
pegan aquí adentro para tener su patrón que es el patrón de la expresión regular y todo esto es una
expresión que valida un correo electrónico.
Ustedes pueden utilizar sus personalizados o bien usar esa que a mi parecer es bastante acertada.
Ok entonces ahora lo que yo tengo que hacer es crearme la expresión regular basado en este patrón sería
Gregg exp una expresión regular pero simplemente la definición RedQ exp va a ser igual.
Va a ser igual otra vez igual a nuevo.
Gregg X.
Y aquí sí voy a mandar mi patrón par punto y coma.
Ahora con esa expresión regular yo puedo evaluar si hace el match.
Este email que estoy recibiendo para eso sería si la expresión regular que tengo el punto más machos
así tiene un match con el e-mail.
Entonces esto es un correo válido y lo que tengo que hacer es esto mismo dejar fluir esa información
por el esprín entonces Cink apuntó a paréntesis y voy a colocar aquí el email.
Caso contrario ustedes ya saben lo que tienen que hacer.
Tenemos que mandar un error sin apuntó aterró y coloquemos el error que diga email no es correcto.
Punto y Coma grabo los cambios y ahora tengo que utilizar este validad e-mail en mi blog específicamente
en el estreno del email.
Entonces aquí punto Transform y voy a pegar ahí el validar email grabamos los cambios.
Eso debería ser todo para que cuando yo empiece a escribir acá la información no aparezca hasta que
escriba un correo válido puntocom y ahí sí aparece ahora lo que necesito hacer es visualmente poner
el error en pantalla.
Para eso regresemos al login Page.
Buscamos nuestro email.
Aquí tendríamos que colocar error text espacio y Snapshot Books Snapshot Snapshot punto.
Error Tapp y gravó loscambios entonces esto debería ser que cuando el valor que tenemos en el extremo
no es correcto entonces estoy Transformer estará emitiendo.
No es correcto por cada vez que se toca una tecla y cuando ya el correo electrónico sea válido entonces
nosotros vamos a tener ya el valor propiamente.
Entonces sería.
Vamos a hacer la prueba.
Fernando Herrera por ejemplo arroba gmail punto c o el CEO es válido com ok pero si ya pongo otro punto
eso ya no es válido.
O si pongo un espacio eso tampoco es válido.
Entonces eso es exactamente lo que yo necesitaba.
Hemos hecho las validaciones de nuestro correo electrónico pero ahora nos falta otra cosita adicional
que es que cuando ambos campos son válidos o son o tienen información correcta hay que habilitar el
botón y cuando no están validados o cuando tienen información errónea entonces el botón debería de estar
deshabilitado y recuerden que para hacer ese me lo dice un botón hay que jugar con el valor NULL del
o Impress.
Si la empresa está Nul entonces no se puede ejecutar ninguna acción.
Pero cuando ya tiene algún método o alguna función ahí sí ya se puede hacer clic en él.
Lo vamos a dejar así.
Eso es una validación que vamos a hacer en los próximos videos y los veo en la próxima clase.