Validación de Forms - Vanilla JavaScript

[@visual.gaming]

Super claro y util ! ojala hagan mas videos de este estilo con las partes que usualmente conforman una pagina web como para tener una guia para el frontend

[@luisangelaltamiranogonzale1376]

Muchas gracias por la clase, se entiende y das pautas para que otros podamos hacer más formularios elaborados

[@informaticadp]

Muchas gracias!!

[@leonelpaez9358]

Encontre este canal de casualidad y muy buen explicado todo!! Encima argentino. Saludos crack

[@informaticadp]

Muchas gracias bro!!!!

[@nayveflores3761]

EXCELENTE VIDEO ;) Esperamos un video de VALIDACION de formularios de lado del servidor con PHP...Saludos desde Venezuela...EXITOOOOS.....

[@informaticadp]

Muchas gracias Nayve!!! Saludos!

[@ramondariorozotorres6470]

Excelente contenido, muchas gracias Me pareceria genial que nos enseñaras mas por medio de una lista de tutoriales sobre expresiones regulares Eres un gran maestro del cual he ido aprendiendo, Dios lo bendiga por compartir su conocimiento y esa tremenda habilidad para enseñar...

[@informaticadp]

Muchas gracias Ramón! Siempre estoy subiendo contenido sobre Javascript y otros frameworks. Y vamos a seguir. Saludos bro!

[@rosanarojas8771]

Qué bien explicado!!! muchas gracias👌💯

[@informaticadp]

Muchas gracias Rosana!!!!

[@andreslemme]

Muy bueno!!! Felitaciones... Esperamos más de vanilla js 👩‍💻

[@informaticadp]

Hola Andrés! Muchas gracias!!! Seguro se viene más Vanilla Js.

[@carmonarya]

Muchas Gracias Maestro siempre entendibles tus videos, excelente

[@informaticadp]

Gracias a vos Carmonarya! Saludos!!!

[@ca.loaiza]

Como siempre, un código muy limpio, un muy buen tutorial

[@informaticadp]

Muchas gracias Carlos!!! Saludos estimado.

[@pupoxws983]

GRACIAS, BUEN VIDEO

[@informaticadp]

Muchas gracias Pupo!!

[@andres3826]

Muchas gracias. Me puedes decir que tema de VS es el que usas en este video?

[@newentu]

excelente tutorial, muy bueno!!

[@informaticadp]

Muchas gracias!!!!

[@carlosgomez7002]

Muy bueno. Gracias

[@informaticadp]

Gracias Carlos!!

[@valerio-9137]

Gran contenido. Cual es tu tema de visual??

[@gasparreyes7207]

Muchas gracias por tus vídeos. Me gustaria que hagas un crud con un formulario que contenga un select o un option de tipo radio en donde expliques la query para la base de datos mysql. Muchas gracias saludos

[@informaticadp]

Muchas gracias Gaspar!!! Atento a las sugerencias siempre. Saludos!

[@computer_writer6471]

Gracias por tus vídeos de Vanilla Javascript. He aprendido mucho. Los hago siempre viendo el resultado en la consola del browser, pero me pregunto, ¿cómo abres la consolada de depuración en Visual Studio Code?

[@informaticadp]

Muchas gracias! Decís cuándo ejecutó código Js? Es una extensión code runner. Siempre que el archivo sea .js funciona.

[@etianparra]

solo por consultar . . .por que no usa las variables directamente? si se supone que ya tienen los valores desde el form. porque genera nuevas variables y las carga con las ya definidas?

[@andresmendoza7105]

Hola profe tengo una pequeña consulta, como puedo hacer para que la etiqueta por defecto tenga la palabra 'requerido' y luego al hacer la validacion en el javascript en caso de error cambie a Campo vacio u otra validacion

[@informaticadp]

Si la escribis asi va a ser tu valor por defecto. Y luego con js la cambias apenas arranque. requerido

[@andresmendoza7105]

@@informaticadp tendria que hacer un if?? porque al poner requerido en la etiqueta del html no me sale nada profe

[@informaticadp]

Si es el mismo proyecto que hacemos en el video. Fíjate de poner el valor con js apenas carga, p.textcontent='requerido'

[@manularrere]

23:48 Hola como estas? cual es la extencion que usas para que la llave que usas se una con una linea a la llave que cierra?

[@informaticadp]

Hola Manuel! Puede que sea una extensión que se llama pretty code, si es que te referís a que el código quede prolijo por asi decirlo.

[@manularrere]

@@informaticadp 21:42 NO, me refiero a la linea gris que sigue los corteches de igual color y cierrane el bloque.-

[@jaredgonzalez4175]

Buenas amigo, estoy aprendiendo por medio de tus videos , me gustaría saber como le agrego ese botón para correr la cadena en la terminal ?, ya que cuando explicaste lo de las expresiones regulares no puedo comprobar si funciona

[@informaticadp]

Hola muchas gracias! La extensión para VSC se llama code runner. Saludos!

[@toma1610]

Interesante. Estoy usando Bootstrap y ya viene con unos snippets para validación, pero no es muy completo. Cuando he querido implementar validación adicional con JS, parece que se cruza con la validación de Bootstrap. Por ejemplo, he querido validar casillas checkbox para que el usuario marque obligatoriamente por lo menos una, y no me ha funcionado.

[@lucas2087]

Te hago una consulta, en el caso de las opciones a elegir en HTML, como hago para que si los valores son iguales el formulario salga en rojo? No sé si me explico

[@alanchavez9833]

Buenas tardes, Estoy siguinedo al pie de la letra los pasos, pero por algún motivo, el ultimo valor "trim", me lo arroja como función, y no puedo imprimir en consola, ¿Qué estaré haciendo mal? Muchas gracias, excelentes videos. const usuarioValor = usuario.value.length.trim()

[@psicoanalisiscinedebate6054]

Hola excelente video, pero después de validar el formulario como envías la información ya que e.preventDefault() no permite enviar

[@psicoanalisiscinedebate6054]

y si lo quitas no valida la información y manda directamente la información del formulario

[@informaticadp]

El preventDefault evita el comportamiento por defecto en este evento. En el caso del video, con el submit, evita la recarga de la página solamente.

[@unicorniodefiesta920]

@@psicoanalisiscinedebate6054 amigo se que el comentario fue hace mucho tiempo, pero estoy pasando por lo mismo si me ayudaras te lo agradeceria muchisimo, conseguiste una solucion?

[@JORGERUIZ-wj2lo]

muy buenas, alguien sabe como enviar dichos datos despues de validar todos los campos

[@marloncode]

Excelente tus video amigo.. pero como seria si necesito validar en tiempo real mientras el usuario va escribiendo!

[@informaticadp]

Muchas gracias bro!! Con el evento onchange() lo solucionas.

[@luchorap85]

presionar enviar para cada vez que salgas del input o_O deberia señalar un error ni bien se pasa al otro input..

[@unicorniodefiesta920]

exelente video, tengo un problema el problema es que no se porque por masque trato de enviar el fromulario este no se envia

[@unicorniodefiesta920]

acabo de verificar el codigo y noto que no hay ninguna opcion que remueva el e.preventdefault despues de hacer la valdiacion, como podria removerlo, he intentado varios metodos pero no lo consigo