Aprende a Validar Formularios con Javascript y Expresiones Regulares 

Si te gusto esta serie dale manita arriba, lo aprecio mucho 👍

Comencé esta serie. Muy emocionado. Mencionaste terminos de Css Grid que no entendí, así que me fui a ver toda la seria de css grid. Por fin lo terminé y me dije "Ahora sí, a continuar con el formulario!!". Ahora mencionas "expresiones regulares", así que ya voy para allá. ¿Algún día terminaré mi formulario? 😂😂😂 Estoy aprendiendo mucho y estoy muy agradecido contigo Carlos. Pdata: Te conocí en tu curso de Udemy y ha sido la mejor inversión que he hecho en mi vida. Saludos desde Colombia

Alguien en 2024⁉... Ver todo ese video me dio mas potencial en validar formularios y me ayudo a que los usuarios no se burlen de mi formulario o de mi pagina web. GRACIAS. ERES UN GENIO👏

Listo! Pude terminar esta práctica. Realmente fue bastante código y habían muchas cosas que ver, pero fue muy entendible y lo más importante es que logré aprender muchas cosas. Gracias por tú tiempo y dedicación en hacer este tipo de videos que son de mucha ayuda para quienes estamos empezando o reforzando nuestras habilidades~

Ótimo vídeo parabéns 👏 show demais ótima explicação pelo menos eu entendi toda a lógica sem nenhuma dificuldade cara dou seu fã parabéns de novo pelo seu trabalho.

Vengo desde los vídeos de Html, que fueron subidos hace 6 años, vengo a ver estos que son recientes, y vaya que si le ha cambiado la voz :3. PDTA: soy fiel seguidora.

nunca habia disfrutado tanto hacer una practica de desarrollo web, muchas gracias por todo ese conocimiento, seguire viendo mas practicas para mis projectos y portafolio

Seguí toda la serie de diseñar y validar formularios, estupendo trabajo, Carlos, eres un excelente maestro. Muchas gracias.

Hola, excelente aporte, es el mas completo que vi, te Felicito, estaría bueno que hubiera un tercer video en el cual se mostrara el envío a una base de datos remota o interna, en el cual chequeara antes de guardar los datos que el usuario, correo no estén repetidos. Saludos desde Argentina...

Me gustó mucho ésta practica, vengo de la practica de formulario en udemy y aunque hay conceptos que aún no hemos visto en udemy creo que lo diste a entender bastante bien. gracias por el contenido! :D

Muchas gracias por estos videos!! Estoy haciendo un curso de programacion web y en un trabajo me pedian hacer un formulario con su validacion de javascript y me estaba desesperando porque no sabia como hacerlo, ahora con estos videos por fin lo tengo hecho y no solo eso, tambien he aprendido mucho de javascript y he procurado entender todo el codigo para que no solo fuese copiar y pegar :)

Listo, ya los dos videos! bastante interesante y con esto me da más seguridad para seguir el curso

Ojalá fueras mi profesor, en serio excelente video. Me encanta cómo es que explicas cada línea de código. Sigue así !!

He estado trabajando con su código y ha sido muy bueno pero me gustaría que enseñaras como validar los select tal cual como lo hiciste con este video. Se le agradecería 🙏

te sigo ahora, primera vez que veo una explicacion tan clara y concisa, lo haces facil de entender, excelente video. Gracias

Estoy estudiando desarrollo web, estoy acostumbrado a hacer todas las comprobaciones directamente en php y me ha ayudado muchísimo, muchísimas gracias!!

23:15 "En este caso, la ponemos" Yo: Eso no va a ser posible :(

Con "replace" en vez de "add" y "remove" te ahorrarías la mitad de código, ya que en una misma acción sustituyes una cosa por otra, en vez de eliminar la antigua(remove) y añadir la nueva(add)... algo asi: (tu id) ( la clase actual del elemento ) ( la clase nueva que le quieres aplicar ) document.getElementById('name').classList.replace( `${document.getElementById('name').classList}` , 'inputBoxIncorrecto' ); PD: Espero ayudarte a ti o a alguien más, un saludo buen video.

Por más que uno tenga sus diferentes formas de hacer las cosas, siempre es muy bueno ver que tecnicas utilizan los demás, te complementan mucho más. Muchisimas gracias por el video y se aprende mucho. Saludos

Llegué hasta el final, que buen contenido tienes, creo que ya son pocos los vídeos tuyos que me faltan ver y en cada vídeo he aprendido algo nuevo. Muchas gracias 🙂.

Maravilloso, muy divertido e intuitivo, Carlos. Una pasada este tutorial por completo. Muy recomendado para todo aquel que está en este bello mundo del diseño web. Muy entretenido y bastante provechoso para aprender. ¡Gracias mil! Este video y canal por completo debería tener millones de me gustas y seguidores.

Te felicito nuevamente por la forma detallada y clara con que explicas cada paso de la programación. Y como comentaste al final del video, la única forma de aprender es tomarse un tiempo de descanso y volver a repetir el video para reforzar las ideas; agregando que la programación es un medio por el cual le enseñamos al computador lo que queremos que realice. Y por último, luego de aprender a escribir correctamente los códigos, viene algo que es importantísimo, que es aplicar bien la lógica de programación... ¡Qué sigan los éxitos!

Excelente , muy bien explicado. He visto los videos por completo y ahora necesito aplicar lo aprendido en una validación que debo hacer para un proyecto. Es muchísima información, pero es lo que necesito para aprender a programar y mejorar cada día. Gracias por compartir tu conocimiento.

Excelente , gracias, lo voy a combinar con Swal para el mensaje de registro realizado. Sigo todos tus tutoriales, me han ayudado muchisimo!

Simplemente genial Carlos Arturo, llegue hasta el final de ambos videos y aprendí muchas cosas nuevas. Muchas gracias por compartir tus conocimientos con Nosotros.

Acabo de terminar el formulario y me ha gustado mucho, esta muy completo. Muy valido para aplicarlo a cualquier formulario. Me encanta tu forma de explicar de forma agil y completa.

Felicitaciones Carlos Arturo, muy buen vídeo; de hecho es uno de los mejores que e visto, utilizando Javascript moderno y bien estructurado. Se nota tu evolución como coder.

carlos Arturo mil bendiciones eres genial en primera por compartir tu conocimiento, tome tu curso de php y eres un genio, estoy haciendo lo que nunca crei gracias a que lo hiciste simple sencillo ...en verdad espero te vaya super bien y Dios te bendiga

Terminé los dos videos excelente la forma de explicar y mucho conocimiento adquirido..!!

Geniales ambos videos, si los concluí, hay mucho que aprender, ya empecé con tu curso de Bootstrap 5

acabo de llegar al final del video. Te pasaste, he aprendido mucho con tus 2 videos del formulario. de hecho esto lo presentarpe para un proyecto... tengo muchas dudas con respecto a algunas lineas, pero creo que es la practica la que me hará entenderlas.!!! muchas gracias nuevamente, eres un maestro!

excelente vi los 2 videos, complete los iconos con imágenes, muy bien explicado, ahora voy a tratar de realizar que guarde todo en el local storage... gracias, sigo viendo tus videos saludos

Wow me quito el sombrero. Video que he visto de principio a fin y me parece genial. Gracias

Realmente es una una validación profesional! Generalmente los formularios básicos validan cuando pulsas el botón 'Enviar', y lo hacen con 'IF... Else...' etc... mientras este valida al momento campo a campo.

Llegue al final, muchas gracias por el aporte, me diste muchas ideas para implementar en mis formularios

soy estudiante y hasta ahora solo se conceptos basicos de javaScript, pero el tutorial es muy bueno y es muy facil de entender, gracias a las buenas explicaciones. Gracias por el contenido de verdad aprendi mucho bien y lo recomiendo al 100%

Excelente video.. Me gusto la forma como explica y lo comprometido que estas , con los miembro de esta comunidad que nos tramites tus conocimiento de la forma muy clara y entendible. Esperamos que sigas con las mismas actitud creando contenido y subiéndolo a la plataforma. Que eso nos ayuda a muchos de nosotros que estamos en pesando en este mudo de la programación. Muchas gracias por compartir tus conocimientos a esta comunidad.👍

excelente explicación y aplicación de javascript, si bien soy nuevo en el tema del desarrollo web me ayudo bastante poder ver esta serie y así resolver un problema que tenia.. ya que estoy haciendo un proyecto para mi portafolio y queria agregarle un formulario con todos los juguetes!!! muchas gracias!

Logrado 100% gracias por el video, el otro días he adquirido dos de tus cursos, ya que pretendo retomar mis estudios de programación y me servirán para recordad varias temas que he practicado mucho. Debo aprender a configurar Bases de datos con web ya que tengo un proyecto en mente. Por eso me anime comprar tus cursos. Éxito y sigue así con tu videos. Saludos desde Chile

Llegue al final buenísimo tu vídeo!!!!! Excelente explicación estoy comenzado con el desarrollo web y tu vídeo me vino de 10 muchas gracias por el aporte!!

Muy buen vídeo y muy bien explicado, literal que se pasa volando el tiempo con la explicación tan sencilla.

Muy completo el tutorial y muy bien explicado, de mucha utilidad. Gracias por el tiempo dedicado! Saludos!

Ambos videos muy buenos, queda un poco de dolor de cabeza al recibir y analizar tanta informacion nueva. Sin dudas vale el esfuerzo, muchas gracias Carlos. Ya luego vere las expresiones regulares...

Perfect! Ha sido muy didáctico y explicado con mucho detalle. Felicidades desde Zaragoza España!

Muy bueno, asi me gustan los videos largos y de CALIDAD! Felicidades... Esperamos mas cursos asi y algunas cosas mas Avanzadas 👍

Que buen material sacas siempre, ya sea en video o cursos, vaya crack Muy agradecido por tus aportes

muchas gracias por ambos videos, de los mas claros que vi, excelente trabajo!!!

Que excelente tutorial!!! valió cada segundo que pase acá, muchas gracias!!!

Muy bueno los 2 videos para validar los formularios dinámicamente. Te felicito segui asi, aportas mucho para el aprendizaje.

Creo que familiarizarse seria lo que hace falta para poder trabajar en el futuro.. me agrado mucho estos dos videos y me dieron una expectativa mejor de pasar de un formulario sencillo a uno mas complejos, que habrá mas complejos pero este es una muy buena practica....Gracias!!

Excelente video Carlos Arturo, muchas gracias por tu tiempo, esto que hiciste sigue ayudando despues de dos años, un ultimo detalle, agregue un remove para el mensaje de error ya que despues de no haber llena el formulario correctamente y de aparecer el mensaje de error si lo llenaba correctamente y lo enviaba el mensaje seguia visible en pantalla, agregando un remove se soluciono el problema, gracias nuevamente.

Grande, lo seguí y me has resuelto muchas dudas Arturo!!!! Eres muy grande

Me gustó mucho la forma en la que conduces tus vídeos, no solamente vi este vídeo, sino los dos de esta serie. Saludos desde la blanca Mérida, Yucatán, México!

Un excelente instructor muchas gracias por este tipo de material y por ayudarnos.

Muchas gracias por el tutorial, me sirvió muchísimo 👍, lo explicaste muy bien 👏. Saludos, desde Bolivia.

Excelentes los 2 videos, super completos, excelentemente explicado y exquisito el diseño elegido! Es perfecto para mi trabajo! Hace mucho tiempo que buscaba algo asi y superaste mis expectativas! Ahora a trabajar con todo lo aprendido! Muchisimas gracias por compartir tu conocimiento!! 👍🙌

Gracias por el contenido y por la explicación, me resulta muy buena la simpleza con la que explicas el paso a paso. Sigue así! Saludos desde ARG

Excelente explicación y muy fácil el seguimiento de las instrucciones. Me sirvió más de lo que pensaba. Gracias Carlos. Te felicito y tus cursos en Udemy son muy buenos también. Ya tengo varios...

Excelente, no me canso de tus videos. Solo un detalle, implemente el código pero al enviar el formulario, si el usuario vuelve a darle click en enviar inmediatamente después o, luego de haberlo enviado solo introduce correctamente un campo (al dar click y seleccionar autocompletar) y los demás quedan en blanco, vuelve a enviar el formulario sin volver a validar, es como que las constantes no cambian a false (lo que debería de ocurrir al ejecutar la linea formulario.reset()). Agregue: document.getElementById('formulario_mensajeError').classList.remove('formulario_mensajeError-activo') al enviar el formulario (para que desaparezca el mensaje de error una vez que el usuario haya corregido y enviado efectivamente ya que no lo hacia), pero las constantes al parecer no se restablecen, ni siquiera cuando las coloco como campos[usuario]=false dentro del if enviado. Sé que es algo viejo el video, pero ojalá tengas chance de revisar estos detalles, lo probé en Chrome, Edge, Mozilla y Safari y en todos está este error de validación. Que sigan los éxitos.

Excelente video y excelente la forma en que explicas. Muchas gracias y estaré siguiendo tus videos. Con tu forma de explicar termine perfectamente todo el video. Saludos desde CRC

Soy nueva en esto pero me gustó muchísimo. Explicas muy bien. Te ganaste mi suscripción. Muchas gracias.

Gracias por estos tutoriales me ayudan muchisimo, lo tengo que pausar cada 5segundos pero se entiende muy bien.

Me encanto era algo que estaba buscando y de paso muy pero muy bien explicado; me quito el sombrero contigo Carlos. Felicitaciones...

Excelente Carlos Arturo, muy bien explicado gracias

justo necesitaba un buen ejemplo para el forEach y las expresiones regulares. Gracias por apoyar a los nuevos :,)

Excelente el video, muy interesante y explicas de las mejor forma. Genial !!

Llege al final del video y me gusta esta validación fue excelente muchas gracias FalconMasters

Muy bueno, muy bien explicadas las dos partes. Gracias por compartir tus conocimientos! Saludos!

Exelente tutorial y funciona perfectamente.Gracias.estare atento para proximos tutoriales.

MARAVILLOSO, FANTÁSTICO,MAGISTRAL!! Excelente tutorial, muchas gracias por tu gran ayuda, saludos!

Muy bueno...me ayudo muchísimo para mi proyecto.. excelente explicación y todo con claridad..te agradecería si dieras uno tambien de node js..nose si lo uses..aunque voy a ver tambien el de js..pero realmente agradecido con el tutorial 👍🏻💪🏻💪🏻

Un millon de gracias segui al pie de la letra tus dos videos y pude aprender muchisimo lo hice en dos dias, pero porque me tome mi tiempo para entender la logica detras de los formularios, yo se que mucha gente dice que copiando codigo de otros no se aprende pero eso es falso, yo he aprendido muchisimo con este canal un millon de gracias por tanto conocimiento.

Como siempre, muy buen contenido el de tu canal. De mi parte lo vi hasta el final ya que necesito aprender a validar correctamente. Saludos desde Colombia.

excelentes video, me ayudas mucho la verdad, me encantaría que subieras uno donde expliques la conexión con la base de datos para guardar allí los datos del formulario. gracias excelente canal

www mil gracias, Felicidades!! enseñas muy bien amigo. Todo el tiempo estuve temblando de la emoción!.

Muchas gracias, pude comprender y llegar hasta el final del proyecto!

El video es excelente. Sos muy bueno explicando. Muchas gracias por el tutorial.

Muchas gracias por aportarnos tus conocimientos. Me esta sirviendo mucho toda la informacion de tus videos en especial estos videos de la validacion de formulacion y expresiones regulares. Muchas gracias por ayudarno muchisimo. Gracias Vi todo los dos videos al 100% son muy interesantes que no puedes desconectarte y ni siquiera se siente el tiempo.

Siiii x fin vi todo el video y pude culminar el mini proyecto, gracias¡¡¡

Muchas gracias, estamos comprometidos con el aprendizaje

Sencillamente FABULOSO! para los que recien estamos comenzando en el mundo de la programacion este tipo de video tutoriales son lo mejor que nos puede pasar. Muchas Gracias!!

llegue al final excelente tu video estoy estudiando el curso master en JavaScript de victor robles web y para profundizar sobre validación de formularios tu video es perfecto no se me hizo tan complejo por que tengo bases de lo que he aprendido en el curso de victor robles web gracias a ti falcon masters tengo una mejor idea de como desarrollar un formulario y como tener buenas practicas

Lo felicito Falcon Master muy bueno el video, gracias por compartir tu conocimiento ya con esto se puede generar una libreria de validaciones como tiene php que es validator, es importante el tema de validaciones, tanto del frontend como en el backend para poder evitar inyecciones sql

Me aventé el video completo, sinceramente esta muy bien explicado, muchas gracias! También en la condición " if " de la validación del password2 se puede colocar un: " || inputPassword1.value == ' ' " Para que valide al hacer click fuera de los input y no ponga el password2 como correcto por tener un carácter vacío con el password1. Actualmente vengo de tu curso en Udemy Falcon :D Un saludo FalconMasters

Muchas gracias mi hermano se te agradece desde venezuela me ayudaste mucho y eso qeu el video es de hace dos años y gracias

Estupendo! Wow! Como disfruto tus enseñanzas, Carlos eres un genio. Me siento que tengo el poder, porque entiendo todo como lo explicas. Jajaja.

excelente video hermano.... todo lo que sé te lo debo a ti.... muchísimas gracias por tus vídeos

Gracias por el aporte, muy facil de captar y bastante completo el formulario

Genial! Aprendí contigo a validar formularios, y ahora que ya tenía conocimientos de funciones flecha y expresiones regulares quería actualizar mis validaciones y aprender a hacerlo mejor, y este video me ha servido para guiarme muchísimo!

Explicarlo mejor es imposible, Muchas gracias!!

Gracias por el aporte, mini tutorial finalizado!!!

Gracias, super bien explicado, muchas gracias por tu buena voluntad de enseñar

Muy buen video Carlos, muchas gracias, por tus explicaciones me a servido de mucha ayuda.

Excelente video, super bien explicado. Gracias por esa dedicación, me sirvió muchisimo 🤗

Excelente Falcon es muy entendible y muy eficaz me funciono! Muchas gracias

Aún después de 2 años, sigue siendo una excelente clase. Gracias

Excelente tutorial, siempre los sigo hasta el final. Me gustaría que subieras una serie de algún framework como Vue. Saludos desde Venezuela... y Muchas gracias por el tiempo que dedicas a enseñar

Yo llegue,muchas gracias apenas estoy comenzando y he estado estudiando los conceptos y aquí pude mirar como ponerlos práctica 👍🙏

Muchas gracias por la explicación, ahora entiendo un poco mas de JS, al contrario ¡gracias a ti por tan buen contenido!

Gracias mil! Nos veremos en otro de tus videos seguro!!