Validación de Forms - Vanilla JavaScript

Подписаться 51 тыс.

Просмотров 17 тыс.

50% 1

En este video aprendemos a validar formularios utilizando #vanilla #javascript #html y #css
00:00 - Intro
00:56 - ¿Qué es lo que vamos a obtener?
03:50 - Probando la validación
06:53 - Creación del proyecto
07:19 - HTML - Desarrollo del código
12:47 - JavaScript - Desarrollo del código
30:34 - JavaScript - Expresiones regulares básicas
36:09 - JavaScript - Validación de email
38:57 - JavaScript - Validación de password
45:38 - CSS - Desarrollo del código
48:57 - Fin - Probando nuestro proyecto
Si quieres apoyar al canal Informática DP - link para donación con Paypal
www.paypal.com/paypalme/infor...
Código del proyecto en:
github.com/infodp/form_valida...
REDES SOCIALES
Canal de RU-vid: / informaticadp
Web: www.informaticadp.com.ar/
Facebook: / informaticadp.com.ar
Instagram: / info_dp
Twitter: / infodp1
Validación del lado del servidor con Node
• 15 - Express Validator...
Validación de forms con Bootstrap 5
• Validación de Formular...
Todo sobre Javascript
• Javascript

Опубликовано:

26 июн 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 49

@rosanarojas8771 Месяц назад

Qué bien explicado!!! muchas gracias👌💯

Месяц назад

Muchas gracias Rosana!!!!

@carmonarya 2 года назад

Muchas Gracias Maestro siempre entendibles tus videos, excelente

2 года назад

Gracias a vos Carmonarya! Saludos!!!

@ca.loaiza 2 года назад

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

2 года назад

Muchas gracias Carlos!!! Saludos estimado.

@andreslemme 2 года назад

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

2 года назад

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

@luisangelaltamiranogonzale1376 9 месяцев назад

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

Месяц назад

Muchas gracias!!

@leonelpaez9358 Год назад

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

Год назад

Muchas gracias bro!!!!

@carlosgomez7002 2 года назад

Muy bueno. Gracias

2 года назад

Gracias Carlos!!

@newentu 2 года назад

excelente tutorial, muy bueno!!

2 года назад

Muchas gracias!!!!

@ramondariorozotorres6470 2 года назад

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

2 года назад

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

@nayveflores3761 2 года назад

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

2 года назад

Muchas gracias Nayve!!! Saludos!

@pupoxws983 Год назад

GRACIAS, BUEN VIDEO

Год назад

Muchas gracias Pupo!!

@valerio-9137 Год назад

Gran contenido. Cual es tu tema de visual??

@gasparreyes7207 2 года назад

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

2 года назад

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

@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

@computer_writer6471 2 года назад

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?

2 года назад

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

@toma1610 2 года назад

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.

@jaredgonzalez4175 2 года назад

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

2 года назад

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

@alanchavez9833 2 года назад

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

@JORGERUIZ-wj2lo 2 года назад

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

@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?

Год назад

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 Год назад

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

@luchorap85 Год назад

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

@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

Год назад

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?

@andresmendoza7105 2 года назад

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

2 года назад

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

@andresmendoza7105 2 года назад

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

2 года назад

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

@marloncode Год назад

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

Год назад

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

@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