Aprende a Validar Formularios con Javascript y Expresiones Regulares

En este tutorial aprenderás como validar formularios de forma profesional utilizando Javascript y Expresiones Regulares.
Mis cursos de desarrollo web:
⭐ Curso Completo de Diseño Web Profesional:
www.desarrollo...
⭐ Curso Completo de React y Firebase:
www.desarrollo...
⭐Curso Completo de Javascript
www.desarrollo...
⭐ Curso Completo de PHP y MYSQL:
www.desarrollo...
⭐ Curso de Bootstrap 5:
www.desarrollo...
⭐ Curso Completo de creación de tiendas online:
www.desarrollo...
---
📄 Código del Proyecto: github.com/fal...
---
Redes Sociales:
♦ Twitter @falconmasters:
/ falconmasters
♦ Pagina de Facebook:
/ falconmasters

[@FalconMasters]

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

[@dj0000]

carlos porque no usas linux ?, me gustaría verte usando una distro, linux te ofrece un gran entorno de desarrollo si eres dev web, te gusta o no linux ?, bro tienes que probar ubuntu en su versión 2020,soy tu fan numero #1

[@FalconMasters]

@@dj0000 Hola Jansel, la verdad es que estoy agusto con windows, ademas de que la mayoría de las cosas que juego solo están para windows.

[@dj0000]

@@FalconMasters bueno a cada quien lo suyo a cada programador le gusta un distinto entorno de desarrollo, con wine puedes traer a linux todo lo que te gusta, pero cada dev tiene su forma de programar. el mejor sistema es el que se adapta a tus necesidades. por sierto falcon eres dev full stak, backend o fron end ?

[@Mr.Sam1101]

Carlos Arturo hola eeeee porfa se que debes estar ocupado pero necesito tu ayuda sálvame porfa , yo uso sublime text 2 y bueno quiero insertar un vídeo pero no funciona lo que puse fue esto: Pero no funciona no da señales de nada y tu eres quien sabe mucho de eso algo que me aconsejes o algo hice mal o necesito otra etiqueta porfa si ayúdame con eso Esque no se porque yo uso Windows 7 profesional y de navegador uso Mozilla Firefox y bueno no sé

[@jorgemiguelvacamendoza5584]

@@Mr.Sam1101 no creo saber mucho pero esa etiqueta no será así? oséa con V minúscula y sin acento en la i.

[@mateovalencia3534]

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

[@RickBroken]

jsjsj Igual, habia estado evadiendo esas expresiones regulares pero ya todo sjsj

[@skaytec445]

Acabaste tu formulario amigo?

[@tanqueword]

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...

[@franyerhiguerey3265]

Muy de acuerdo

[@user-jz7ny3ys9i]

x3

[@leonelshishibb8982]

Igual eso seria brutal por que no he hallado ningun video tutorial con esa caracteristicas

[@lauramejiacelis]

x4 sería el complemento perfecto!

[@troymelok831]

La mejor explicación de validación de formulario que he visto hasta ahora, muy bien estructurado y explicado, muy buen video Carlos. Estoy a punto de terminar un CFGS DAW en España y ojalá te hubiese tenido de profesor, porque para explicar la validación de formularios nos remitieron a la documentación de JavaScript y a que investiguemos. Han usado lo de investigar cada vez que se han querido ahorrar la explicación, es una vergüenza algunos profesores que por desgracia me han tocado en el ciclo de Desarrollo de Aplicaciones Web. Muchas gracias Carlos

[@elqueteempalacuandoloves]

Llorar a la lloreriaaa 😢😢

[@lisethagredo4573]

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.

[@robertt2013]

Si yo también lo note, :D

[@israela.samuels1463]

Después de 4 años de hhaber subido este video Sigue siendo EXCELENTE espero que sigas subiendo mas videos como este

[@miguelangelrosasortiz5030]

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

[@JsanchezGa]

vengo de la misma clase xd y terminé el video btw.

[@gabrielarayagarcia1607]

Diccion, volumen, claridad, vas a lo preciso, los campos del HTML los necesarios y suficiente. sin musiquita de fondo que ahoga, el encuadre de la pantalla permite una excelente visibilidad. Es el mejor tutorial que he visto.

[@FalconMasters]

Muchas gracias!

[@JcBthug]

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

[@dannymesa2833]

Totalmente

[@CynthiUchiha]

talcual, ademas explica el porque, lo verifica en conosolo, no se enrreda con la explicaci{on, el mas completo y el mejor video explicado que vi !!!!

[@davidm.8835]

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.

[@dignerpro5569]

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 🙏

[@cristophergalavevo5922]

y como se validaría y conectaría este tipo de formulario con php y mysql?

[@marcelapena9010]

Sí pude llegar hasta el final, pero primero hice una pausa para ver tu tutorial de expresiones regulares. Explicas muy bien. Muchas gracias. Seguiré aprendiendo con tus cursos.

[@FalconMasters]

Muchas gracias!

[@romuloalves9349]

Ó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.

[@joseantonioamayapostigo2542]

buenas tengo una pregunta si todos los campos estan correcto, ¿porque no deja que se envien los datos de los campos?

[@juanberesiarte]

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

[@juandeastora8317]

aaaaajjajajajajajja

[@pedroc.martinez5705]

23:14 When estás con tu novia a solas en su recámara y se va la luz

[@josecarlosperejonescobar1117]

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.

[@reinaldocontreras3691]

se hace de esta manera porque no estas reemplazando una clase por otra, lo que se esta haciendo es quitar y agregar una clase a un elemento, tambien podrias hacer eso con replace pero al final seria lo mismo porque tendrias que agregar dos lineas de codigo, para cada elemento. te recomiendo que veas el primer video y lo entenderas mejor.

[@josecarlosperejonescobar1117]

@@reinaldocontreras3691 despues de 1 año que escribí ese comentario, apenas lo recuerdo. Pero el concepto, es el de alternar un valor (provenga de donde provenga, clase, objeto, etc) a la hora de alternar, se pueden realizar acciones "modo interruptor" osea quitarlo de un estado y pasarlo a otro, eso amigo mio es la propia descripción de sustitución, cambiar un valor o estado a algo del actual a otro y en este caso, alternarlo con replace (machaca el actual por el que le das) y quitarlo con remove, y poner el que se quita con add. En resumen, estas ejecutando dos métodos en vez de ejecutar uno. Un saludo.

[@reinaldocontreras3691]

@@josecarlosperejonescobar1117 jose carlos el replace usa dos parametros el primero es la clase que deseas reemplazar, pero si la clase que deseas reemplazar no existe o no a sido asignada no la puedes reemplazar, recuerda aqui tenemos varios estados correcto verde incorrecto rojo y el estado neutral donde estan ocultos los iconos. Saludos brother

[@josecarlosperejonescobar1117]

@@reinaldocontreras3691 Obviamente no se usa el replace en clases no existentes/asignadas, pero conociendo el flujo del código que además es propio, no de un tercero o de otro compañero en la empresa, das por hecho que existe y la reemplazas, es por eficiencia y limpieza, solo lo comenté para otra gente, igual que habrá gente más avanzada que te diga que eso que se repite tanto es mejor refactorizarlo... Tuve un profesor que decía que no existen maneras correctas ni incorrectas la hora de programar, solo diferentes... Un saludo. Edito: @FalconMaster me encantan tus videos. Enseñas fácil y claro. Sigue así.

[@nicolascoronel38]

Carlos Arturo eres un genio del front end, me sirvio comprarme todos tus cursos en Udemy y seguir muchos de tus tutoriales en KZbin, super agradecido de encontrar contenido de alta calidad y en español para entender a detalle, saludos y a seguir levantando suscriptores!

[@FalconMasters]

Muchas gracias de verdad por el apoyo a mis videos y cursos, es un placer escuchar que sirvan. Saludos

[@jeanpinto8864]

Cuantos proyectos tiene el curso de desarrollo web?

[@FalconMasters]

@@jeanpinto8864 Cerca de 5

[@jeanpinto8864]

@@FalconMasters Tambien me interesa saber cuantos proyectos tiene el curso de PHP?

[@FalconMasters]

@@jeanpinto8864 También como 4 o 5

[@zerocold1985]

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

[@cesarsalazar5932]

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.

[@carloseduardonaveda1335]

FalconMasters, te agradezco mucho por estos dos videos sobre como hacer formularios profesionales, aprendi mucho y son faciles de asimilar. un fuerte abrazo y espero sigas ayudando a los principiantes como yo.

[@JhonAlexCamargo]

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 🙂.

[@fernandohuitron1941]

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

[@arlynsfuentes]

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.

[@elen2ne1]

mil gracias,,,, ya quedo mi formulario, de verdad, estudiar javascript se me ha echo bien pesado, es muchisima teoría y no tenia ni idea como conectar esa teoría con mi index, pero gracias a ti, ya quedo, un millón de gracias, ya no voy a tirar la toalla

[@FalconMasters]

Al inicio puede parecer difícil pero cuando vas aprendiendo los conceptos se vuelve muy fácil y divertido programar con javascript. Sigue adelante!

[@jesuscanizalez29]

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%

[@green-angel]

acabe con las validaciones e incluso pude validar el textArea que quería, tuve que crear toda la validación para textarea, pero al final me di cuenta que solo era necesario agregar "textarea.forEach((textarea) => " y el resto de código trabaja bien. Gracias seguiré viendo sus videos para aplicar a la web.

[@henrysalazar7715]

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.

[@AnggelNags]

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

[@greimilnunez5179]

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.

[@ep4r4]

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

[@TONIRIBESGINESTAR]

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.

[@noesuarez1903]

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 :)

[@victoraguilars.4281]

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!

[@vanesar4763]

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!

[@FalconMasters]

Me alegra mucho escuchar eso :D

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.

[@zaidydafne]

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

[@darwincontreras823]

Muchas gracias por explicar tan detalladamente, y sí, llegue al final de tus 2 videos de estas validaciones. tienes u nuevo seguidor.

[@FalconMasters]

Muchas gracias! Espero que hayas aprendido mucho con estos videos.

[@codigobinario135]

Cómo es que aprendiste tanto gracias a ti estoy aprendiendo me estoy iniciando en la maquetación de web

[@emmanuel28sosa]

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

[@4cizgabe265]

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!

[@cristian5246]

Muchas gracias Falcon, pude aplicar esto para un proyecto propio, solo tuve un inconveniente cuando quise hacerlo con no se si son los mismo pasos, pero me tiraba error, igual lo resolvi de otra manera, pero me hubiera gustado aplicarlo como lo enseñaste aca

[@mondrek1500]

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

[@alenozcariz1131]

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

[@mauricioenriquecarrizalesl716]

Hice una parada en tu curso de Udemy, este video me a tomado los tiempos libres de 4 dias, gracias por las notas, termine el formulario, lo entiendo visualmente, copio los codigos y los analizo, pero se que esto esconde mucho mas conocimiento, a seguir aprendiendo... Gracias Carlos.👍

[@FalconMasters]

Estupendo, me da gusto que te sirva el video y que aprendas mucho con el.

[@joseruiz1618]

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

[@rambossnfumusogo2097]

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👏

[@luisporto8321]

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.👍

[@Henry_Nunez]

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

[@CarlosFelipe025]

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!

[@merce_dgos2978]

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!! 👍🙌

[@FalconMasters]

Muchas gracias! Me alegra que te haya sido de ayuda :D

[@fabianrodriguez6354]

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!!

[@FalconMasters]

Muchas gracias a ti por este comentario. Lo aprecio mucho.

[@carlose1462]

Muchísimas gracias tocayo. Yo le añadí esta línea después de formulario.reset(); 👇 document.getElementById('formulario__mensaje').classList.remove('formulario__mensaje-activo'); para que se quitara el mensaje rojo (sin recargar la página con F5) , una vez que se rellenen los campos correctos de nuevo. 😉

[@mysnazo3619]

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

[@P3L1CO]

Mis respetos para ti, he aprendido más de html y css en tu canal que en la Universidad, porque supuesta mente se enfocan en cosas que solo sean funcionales y bueno el diseño es inevitable en todo. Mil gracias por compartir tus conocimientos.

[@FalconMasters]

Muchas gracias, me alegra que te sirvan mis videos y tutoriales.

[@ykanon0240]

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~

[@oscarcaballero1951]

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.

[@emanuelveron-ly8wh]

de diez capo! me lo vi todo!, muy confuso al principio porque recién empiezo con javascript! pero tus videos me ayudan un montón. Una cosa nomas que lo agregue yo en el formulario, al enviar el formulario con todos los campos vacíos, sale el mensaje de: "rellenar el formulario correctamente", pero al llenar los campos correctamente y enviar de nuevo el formulario, el mensaje de error no se borra. tuve que removerle la classlist, despues! saludos!!

[@damiangaray9240]

Muchísimas Gracias Carlos Arturo llegue hasta el final del video !! y es ESPECTACULAR!!! estoy aprendiendo mucho con tu curso de Udemy de Diseño Web Profesional: Completo, Práctico y desde cero, La VERDAD ES QUE ES GENIAL!!! Y TE VUELVO A DAR LAS GRACIAS !! PORQUE ESTOY APRENDIENDO LO QUE AMO SIN TANTOS RODEOS Y EXPLICAS MUY BIEN!!!

[@FalconMasters]

Muchas gracias a ti damian, me alegra que mis videos te sirvan y aprendas mucho de ellos. Muchas gracias por apoyar mi contenido, te mando un gran saludo!

[@fernandohuitron1941]

Excelente primer video, vamos por el segudo

[@erikmartinez8169]

la linea 104 yo la duplique y la coloque debajo de la 95 y a su classList le puse REMOVE para que al rellenar algun campo faltante se elimine el mensaje de error automaticamente , gracias carlitos hermano

[@TitoRiccardo]

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

[@blancacastaneda3497]

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

[@maribelsilvao6519]

Excelente video! Tuve problemillas en el camino, pero porque partí de un formulario que ya había comenzado y me costó más adaptarlo. Muchas gracias!!

[@FalconMasters]

Estupendo! Me alegra mucho que te sirviera y pudieras adaptarlo a tu formulario. Saludos!

[@Marfelcomputer]

Falco, muchas gracias me ayudo un monton con mi proyecto para rendir un examen en la unviersidad, si supieras como me salvo en un examen parcial este video. Me pase 2 dias solo mirando y re mirando estos dos videos de validacion de formulario. Usa una tecnica que no vimos en la universidad, pero simplifija muchisimo el trabajo y como dice, le da reusabilidad! Dios te bendiga!!!

[@FalconMasters]

Me alegro mucho por ti Marcos que este video te haya sido de ayuda para tu examen de universidad. Felicidades por esa dedicación que le pusiste, sigue así.

[@MarioHumbertoSequedaJimenez]

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

[@MiguelAngel-gl7ht]

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

[@lozurden4442]

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...

[@Jersk6]

Normalmente me aburro con tutoriales tan largos, pero con tu forma de explicar se hace muy ameno, ni me dí cuenta que fueron casi dos horas entre los dos vídeos. Muchas gracias por tus vídeos

[@FalconMasters]

Genial! Me alegra escuchar que mis videos te resulten amenos. Espero que te sirvan para aprender mucho.

[@camilovelasquez880]

Llegué hasta el final es el vídeo con el que más adquirí información acerca de validar un formulario, gracias por compartir estos vídeos

[@francaguirre2943]

Viejo, eres el mejor...!! Me ayudo mucho a aprender sobre agregar y quitar clases, gracias...

[@FalconMasters]

Muchas gracias a ti por ver todo mi, video y por las palabras, las aprecio mucho y me da gusto que te sirviera mi tutorial :D

[@davidalejo8045]

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

[@jameswaller4661]

Excelente, impecable, pulcro! fue la primera impresión al terminar ambas partes de la creación del diseño y las validaciones de este formulario, simplemente sublime! saluditos :)

[@FalconMasters]

Muchas gracias, me alegra que te haya servido y espero que hayas aprendido mucho!

[@enocrubiopaucar4996]

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

[@carolinaleoni159]

Termine el video, un genio como explicas!!!! me encanto. gracias

[@pcoy06]

Espectacular!!! como siempre!! Muchas gracias!! Saludos desde Argentina!! Abrazo!!!

[@pabloignaciopalma9650]

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

[@tigreman3]

Muchas, gracias. Me funcionó mucho. Lo único que modifiqué es que usé boostrap para hacer el formulario responsive

[@cesarmauriciovelasco6981]

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

[@titoworlddev]

Muy buen video, lo unico que falto al final es que cuando se envia el formulario si habia salido el mensaje de error que se quite. Aunque bueno eso simplemente es copiar el document.getElementById('formulario__mensaje') .classList.add('formulario__mensaje-activo'); y cambiarlo por document.getElementById('formulario__mensaje').classList.remove('formulario__mensaje-activo'); Gracias por los cursos Carlos Arturo!!

[@jerdz_]

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

[@leogamer0867]

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

[@enaragua]

De antemano , gracias por compartir tan valiosa información. Acabo de ver tus dos videos y realmente valio la pena. Te felicito, todo muy bien explicado.

[@FalconMasters]

Muchas gracias!

[@chruscica]

excelente video, bien explicado, llegue al final y complete el proyecto. gracias, aprendi mucho!

[@FalconMasters]

Muchas gracias! Me alegra que así fuera.

[@carlosp7339]

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

[@joaquinstrada1411]

Que buen video @FalconMasters, Sos un Genio, Groso!!! 😍😍😍😍😍😍😍😍😍😍😍😍😍😍😍😍😍😍😍😍😍😍😍😍😍😍😍😍😍😍😍😍😍😍😍😍😍😍😍😍😍😍😍😍😍😍😍😍😍😍😍😍🥰😃🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰😘😘😘😘😘😘😘😘😘😘😘😘😘😘😘😘😘😘😘🤗🤗😘😘😘😘😘😘😘😘😘😘😘😘😘😘😘😘😘😘😘😘😘😘😘😘😘🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🤩😁🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩❤💞💞💞💞💞💞💞💞💞💞💞💞💓💓💓💓💓💓💓💓💓💓💓💓💋💋💋💋💋💋💋💋💋💋💋💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💞💞💕💕💕💕💕💕💕💕💋💋💋💋💋💋💋💋💋💋💋💋💋💋💔💔💔💔💔💔💔💕💕💕💕💕❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤💗💗💗💗💗💗💗💗💗💗💗😽💖💖💖💖💖💖💖💖💖💖💖💖💖💖💖❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤💋💋💋💋💋💋💋💋💋💋💋💋💋💋💋💋💋💋💋💋💋💋💋💋💋💋💋💋💋💋💋💋💋💋

[@FalconMasters]

Muchas gracias!

[@soyrandy7083]

Muy buen video tutorial, explicaste muy bien y todo se entendio a la perfección muchas gracias por el contenido, al final solo falto que si todas las validaciones son correctas se quite el mensaje de error

[@obrujito1]

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

[@marcocamac7265]

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.

[@FalconMasters]

Muchas gracias por ver mis videos Marco, me alegra mucho que te sean de mucha ayuda y aprendas con ellos. Saludos!

[@angelamoresbustos9728]

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.

[@juansalinas915]

Es fabuloso la gran cantidad de cosas que aprendí aquí, además de aprender algunos atajos para visual studio code, este canal vale oro, gracias por tus videos e incluso por compartir el código a la primera aunque igual me quede.

[@FalconMasters]

Muchas gracias, me alegra mucho que hayas aprendido con este video

[@sebastianvaldez1986]

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

[@cegupi]

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

[@josyanbonnemaison7542]

demasiado bueno el video, excelenete explicacion, con tiempos correctos para entender, un aplauso!

[@er_infinity]

58:14 felicidades a usted por su contenido, ahora voy a aplicar esto en mis proyectos.

[@FalconMasters]

Muchas gracias!

[@MarcosGonzalez-jr7zc]

Excelente, muy buena forma de enseñar, gracias. Visto hasta el final

[@FalconMasters]

Muchas gracias por ver todo el video completo, espero que hayas aprendido mucho!

[@kanonflores0113]

Yo llegue al final del camino, me sirvio de mucha ayuda, muchas gracias nuevamente bro..

[@alenantonelli1619]

sin duda es uno de los códigos mas prolijos, estéticos y por sobre todo, funcionales que vi en mi vida :D muchas gracias por dedicarnos el video

[@FalconMasters]

Estoy seguro de que aun se podría mejorar mucho mas pero hago mi esfuerzo para que este balanceado entre buen código y que sea fácil de entender en video al mismo tiempo.

[@migueldelossantos3347]

Excelente explicación de cada paso, en ninguno explican tan bien las validaciones asique felicidades y seguí creando contenido así !!

[@FalconMasters]

Muchas gracias!

[@sebastiandossantos7158]

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

[@nelsonbrown9068]

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...