Validar formulario con JavaScript - Form validation

REDES SOCIALES:
► codigomentor.com/
►Síguenos en FACEBOOK: / codigomentor
- Cursos de programación
- Tutoriales de programación
- CURSO DE HTML: shorturl.at/grGKX
- CURSO DE CSS: shorturl.at/flLQ8
- CURSO DE JAVASCRIPT en 30minutos: shorturl.at/ACMR4
- CURSO DE COMPLETO DE JAVASCRIPT: shorturl.at/qryEF
- CURSO DE REACT en 30 minutos: shorturl.at/bnrV3
- CURSO DE REACT: shorturl.at/tGIXZ
- CURSO DE ANGULAR: shorturl.at/dnpvF
- CURSO DE NGRX ANGULAR: shorturl.at/kNST6
- CURSO DE NODEJS: shorturl.at/tRY68
- CURSO DE PHP: shorturl.at/beijZ
- CURSO DE PYTHON: shorturl.at/pquZ6
- CURSO DE LARAVEL: shorturl.at/gkGS6
- Systema de Login con PHP y envios de correo electrónico: shorturl.at/awMPZ
- CONTECTARSE A Dase de DATOS con JDBC y JAVA: shorturl.at/bPXZ2
- CURSO DE JSON: shorturl.at/cRX25
- CURSO DE JAVA: shorturl.at/HKV36
- CURSO DE JQUERY: shorturl.at/gyXY0

[@adriancordova1618]

vuelvo a escribir por enésima vez lo que ya he escrito en muchos otros videos : cómo enviar el formulario si los datos son correctos ?? nadie explica eso ... okay la validación muy padre pero el método preventDefault () cancela el evento y no hay forma de reanudarlo ......... ni con location . href ni con el método submit() ni nada ... ya no se envía el formulario ... cómo entonces hago yo para enviar el formulario ???

[@emelcastano]

windows.local

[@Marfelcomputer]

@@emelcastano Esa pequeña linea de codigo que pusiste me salvo la vida. Muchas gracias, suplante el preventdefault() que los youtuber le ponen al submit para que no haga nada por el windows.local. En mi caso llevaba un parametro. "e.preventdefault();" asique suplante por "e.windows.local();"

[@emelcastano]

@@Marfelcomputer que bueno que te sirvio

[@danielsubuyuj5125]

@@emelcastano Que tal..,Gracias por tu aporte! me podrías explicar como implementarlo y resolver el problema de enviar los datos correctos!? saludos!!

[@jimmyroserovallejo]

la primera forma me funciono la segunda no, como hago para Como hacer para que si son iguales el formulario se envié (compare las dos contraseñas pero al ser iguales solo sale el mensaje de"son iguales" pero no me envía el formulario como lo haría ? ?

[@MrCharlypesc]

el return false debe estar dentro del if

[@MrRampengu]

Muy bueno, pero faltó ver expresiones regulares para evitar que no pongan numeros o caracteres especiales en el nombre...

[@victoriamendez9061]

hola!, gracias por el video, por fin un tutorial que no se da tantas vueltas, gracias

[@CodigoMentorTutoriales]

@@victoriamendez9061 de nada Victora :). Saludos!

[@IvanRodriguez-xk3zz]

Hola , esto me sirve para una pagina también o solo para app?

[@CodigoMentorTutoriales]

Para los dos, saludos :)

[@chanofux5151]

A mí no me estaría funcionado por más q pongo todo lo del video

[@Marfelcomputer]

PARA LOS QUE VEAN ESTO: suplante el preventdefault() que los youtuber le ponen al submit para que no haga nada por el windows.local. En mi caso llevaba un parametro. "e.preventdefault();" asique suplante por "e.windows.local();"

[@JMarioBMX]

Estuvo muy bueno el video, pero tengo una pregunta, como hago para validar los input de tipo DATE, RADIO y CHECKBOX?

[@leonardoarevalo6292]

Tenes que validar por .value,

[@dan75d99]

De verdad muchas gracias, entendi todo sobre la validacion.

[@CodigoMentorTutoriales]

Validar formulario con JavaScript - Form validación

[@ricardoleonsierraposada5671]

Yo le agregue esta lineas para que ejecutara el submit si no habia error en la validación if(mensajesError.length > 0){ error.innerHTML = mensajesError.join(', '); return false; } Muchas gracias por su video, fue de gran ayuda para mi

[@CodigoMentorTutoriales]

De nada Ricardo :). Cualquier duda no olvides en suscribirte. Saludos!

[@anretro4138]

Como puedo sumarle un radio button?

[@onigoroshiykz]

Muchas gracias, me sirvio perfecto el primer ejemplo el segundo no logre hacerlo correr

[@jhonjairobermudezpabon5913]

Y el formulario no carga entonces?

[@jimmyroserovallejo]

Como hacer para que si son iguales el formulario cargue--- ?

[@lajoba01]

@@jimmyroserovallejo iguales a qué?

[@vladimirmontesbetancur5833]

Muchas gracias, tengo una pregunta, si quiero hacer que este formulario valide, y si cumple la validación, enviar el registro a la base de datos, sirve la linea de evt.preventDefault(); ? Para verificar eso? Muchas gracias

[@adriancordova1618]

Sigo batallando con lo mismo y no he encontrado un video que lo resuelva ....

[@vladimirmontesbetancur5833]

@@adriancordova1618 Yo encontre uno muy bueno, kzbin.info/www/bejne/pH3VfWx_pZinjas, obviamente esta muy basico, le falta validaciones pero las hice, y ya me hace registros en la base de datos y todo, te lo recomiendo.

[@KarolinaIbarra10]

Gracias :)

[@CodigoMentorTutoriales]

De nada Martha, cualquier duda no olvides en suscribirte. Saludos!

[@thebroki6684]

EXCELENTE VIDEO MASTER!!! MUCHAS GRACIAS!!!!!!!

[@camilozunigatamayo4232]

Tengo una duda gente, ¿Se podría validar un formulario cualquiera con la etiqueta required="" dentro de un input?

[@CodigoMentorTutoriales]

Hola Camilo, la respuesta es si, sin embargo recuerda que en navegadores antiguos pueda que no funcione. Saludos!

[@itzgabrieh4371]

me salvaste en la recuperación ma boy

[@CodigoMentorTutoriales]

De nada amigo :). Saludos!

[@nicocaceresh6470]

buenas noches como tendria que hacer si quisiera que una vez enviado el formulario se borren los datos osea se "limpie" para que no quede guardado

[@elnenedeldance]

escribo el codigo tal cual y no me salta la alerta

[@DiegoGutierrez-gu5ui]

Aun me falta mucho, la primera validación se me hizo algo más fácil pero aun sigo sin entender algunas cosas.

[@TzarXoPo]

es normal, este men no explica nada, él solo va haciendo y ya.

[@gabrielcamargo4250]

Cómo se validarla para que no pongan por ejemplo (espacio) nombreaqui

[@12.galvanmezavaleria61]

me dice que no puede leer error.style.color = 'red';

[@CodigoMentorTutoriales]

Hola valeria, asegurate que tu variable error sea una referencia correcta al elemento del DOM. Saludos :)

[@FranciscoJavierMurilloVasquez]

Hola excelente!!

[@CodigoMentorTutoriales]

De nada Francisco, saludos amigo!

[@brianpelli7867]

Una pregunta no se me valido, es decir cuando compio todo tal cual pero no anda, pero me passa que las palabras style, value estan en blanco porque sera

[@elsavictoriabarraganoliver7153]

Me pasa igual =(

[@camilodinardo6365]

rey como lo pongo debajo del div? no me sirve tenerlo debajo dle boton y que esten todos juntos, quiero que esten separados x cada input

[@santiagoramirezguerrero4421]

Tengo un problema al utilizar el metodo post no me funciona pero la validacion si, es decir comento el script y funciona el metodo post y me redirige a la pagina pero si pongo el script me valida pero no me redirige...

[@Henry_Nunez]

Excelente 👍👍

[@CodigoMentorTutoriales]

Gracias Henry. Saludos amigo!

[@chanofux5151]

Yo quiero terminar una página y me aparece identificador inesperado cada vez q pongo console después de haber tocado F12

[@mauricemorty4687]

gracias por pronunciar bien las palabras en inglés

[@sofiaalonso4184]

En vez de get element por id lo puedo obtener por class?

[@fabriciogomez8057]

pero al tener un return false, eso no evitara que el formulario se envie por mas que los datos esten correctamente ingresados?

[@jeffreymonjacastro609]

Graciasss

[@CodigoMentorTutoriales]

De nada Jeffrey!. Saludos!

[@jeffreymonjacastro609]

Saludos desde Perú :3 Aunque tú vídeo sea un formulario sencillo, me hizo entender más acerca de Javascript Gracias :3

[@CodigoMentorTutoriales]

Saludos Jeffrey!

[@hefestionaga]

ok, pero ahora porque no me funcionan las funciones que añado al .js?

[@micaelabenitez525]

hola. y como guardo los datos enviados ??

[@shagumagal5797]

gracias me ayudaste mucho

[@GMF2015]

Muchas gracias por tus vídeos... estoy tratando de aprender a usar Tampermonkey o alguno similar... pero no consigo un tutorial en español.... alguna sugerencia?... gracias

[@techno-nic9017]

Bien explicado, pero al final, cuando ya tengo el código igual que tú, cuando ya lleno todos los campos que estoy validando al dar clic en mi botón no manda la información, ¿Qué puede ser?

[@alejandrocardenaskostyk9787]

NO SE

[@Chakko96]

gracias

[@ngineerniko9450]

No me funciona, no sé por qué, estoy revisando los espacios como | id = ' '>

[@ngineerniko9450]

Solucionado, eran el | for = 'clave ' | que no coincidia con el | id = 'password'

[@jalmendoza2002]

Hola buenas noches, disculpa, ya hice todo el codigo y lo copié tal cual, pero no me aparece el alert de "Ingresa tu nombre, Ingresa tu password". ¿Que puedo hacer?

[@CodigoMentorTutoriales]

Hola Jatziri, asegurate de que el formulario no se este enviando por defecto. Saludos :)

[@carlosarielmartinrojas1169]

y como podria poner el mensaje de error debajo del input o el label??

[@maurocob]

No se puede poner en el input porque lo tomaria como la etiqueta en el html. Por eso se pone en el .push ('mensaje de error')Ya que ahi indica segun la validacion el error o el mensaje que vos le quieras poner.

[@emelcastano]

hola no me da halguien me puede enviar el codigo

[@davidmaysima8740]

formulario 3 label { display: block; float: left; width: 70px; margin: 0px 10px; } .nombre { position: relative; left: 20px; } Nombre Contraseña var nombre = document.getElementById("nombre"); var password = document.getElementById("password"); var error = document.getElementById("error"); error.style.color = "red"; function enviarFormulario() { console.log("enviando formulario"); var mensajesError = []; if (nombre.value === null || nombre.value === "") { mensajesError.push("ingresa tu nombre"); } if (password.value === null || password.value === "") { mensajesError.push("ingresa tu password"); } error.innerHTML = mensajesError.join(", "); return false; } ESTE ES EL CODIGO DEL VIDEO Y SI FUNCIONA

[@leonardocardosorodriguez6849]

buenas noches como puedo validar si el input de tipo file tiene algún valor es decir si se adjunto algo antes de enviar como puedo saber eso con js

[@lajoba01]

Creo que seria con el ir, Por ejemplo: Var file = document.getElementById('file') //acá pones el ID de tu input file if(file.value === ""){ alert("input file está vacío")} Else( acá le decís que querés que haga si el input file no está vacío)

[@alexiszaccaria7936]

Buen video. Pregunta, en caso de que se ingrese password y nombre correctamente se envia de forma normal o se debe hacer otra cosa mas?

[@juansalazar7037]

Te tocaría seguir haciendo la validación por medio de Ajax

[@santifessia1993]

por que me dice que : TypeError: document.getElementsById is not a function at Form_val.js:3 Form_val lo llame a mi carpeta js.

[@CodigoMentorTutoriales]

Hola Santi, debes escribir getElementById y no getElemensById. Saludos :)

[@santifessia1993]

@@CodigoMentorTutoriales ahh muchas gracias ! Buen video me sirvió !

[@CodigoMentorTutoriales]

@@santifessia1993 De nada amigo :)

[@belmontgamer1191]

Buen video, sin complicaciones..

[@CodigoMentorTutoriales]

Muchas gracias Edwin. Saludos amigo!

[@rawyeid4168]

me sigue yendo al action, no se como hacer para que al enviarse no vaya al action si da error.

[@CodigoMentorTutoriales]

Hola amigo, no olvides prevenir que el formulario se envie por defecto. Utiliza el return false o sino tel evt.preventDefault(). Todo esta en el video :). Saludos!

[@spiritualway3]

@@CodigoMentorTutoriales El tema es que despues cuando si esta todo valido no se termina enviando porque le puse que no se envie nunca con e.preventDefault() o el return false o no ? Yo quiero que al final si todo va bien que si se termine enviando