🤩 JAVASCRIPT para recuperar los datos de un FORM en 30 segundos

✅ En apenas 8 líneas de código puedes:
- Escuchar el evento de submit del formulario.
- Evitar su comportamiento por defecto.
- Transformar los datos del formulario a un objeto.
- Usar un alert que jamás deberías usar jajajaja en serio, no lo uses. 😝 Yo lo he hecho por temas de espacio.

👀 ¡Es importante que en el input uses el atributo name para que en el objeto los puedas tener!

💬 ¿Qué quieres que te explique en 30 segundos? ✌️

#shorts

[louisrubin]

me salvaste de un mal momento jajaja
ya me estaba frustrando y no podía avanzar, con este video me ayudaste un montón, GRACIASSS

[junihh]

Ya que estás en ese punto, complementa este vídeo con otro que guarda los datos del formulario en session/localStorage y se restablezcan en cada input en caso de un refresh accidental o provocado. Basecamp y otros servicios web lo hacen y los datos guardados se borran cuando se somete el formulario.

[jenaru]

Acabo de empezar a estudiar programación, llevo unos 8 meses, y a mis 44 años he de decir que me está gustando mucho. Una pena no haber empezado antes. He empezado a seguirte hace poco y me encanta como enseñas, muy didáctico. Muchas gracias. A ver si en poco tiempo consigo meter cabeza en este sector.

[johanretd]

Esta información vale millones
Yo siempre lo hacía con el FormData, como ahí ya me pasaba los datos no había problema si quisiera consumir un api en formato post normal lo aceptaba, pero si uso node esto puedo ser muy útil

[MrJuank]

Siempre aprendo cosas interesantes con tus videos de JS, gracias <3

[devsilva]

muy útil, con esto puedo hacer que cree un archivo json y guarde esos datos, para luego hacer un login pidiendo datos que se registraron

[hechados]

Que ahorro de tiempos y líneas con esta función, gracias, ahora a cambiar todos mis desarrollos.

[juliojimenez]

bro diosmio te amo, hice un formulario donde el usuario puede agregar inputs a su conveniencia y necesitaba poder manipular todos esos input antes de mandarlos al backen para ordenarlos, esto me sirve de maravilla <3

[uwwlslu]

Hay que aclarar que la propiedad mame debe estar presente en el input del formulario

[astolin]

No es necesario el queryselectorall, se podría hacer con el atributo forms del document y seleccionarlo por el id

[oscarmora]

Lo vi en twitter, pero ahora se que si funciona hahaha grande midu

[reyesdavila]

La palabra "recuperar" lo la utilizaba de ese modo, para mi recuperar es rescatar algo perdido... Entonces es mas ideal para mi decir "tomar o capturar" los dato del form.

[stefanomazziotta]

Una genialiadad y limpio ese código. Gracias!! Lo voy aplicar cuando surga la necesidad.

[manuelvega.]

Nunca lo habia con un Object for entries, se ve interesante

[javiermeza]

Gracias! De hecho en mi trabajo quieren recuperar todos esos datos de forms ahora veré si puedo hacerlo de esta manera

[josecarrillo]

No sabes como he aplicado todos tus tips... Gracias midudev...

[lucas.contreras]

Esto es execelente, cómo no lo vi antes, un saludo colega

[segtian]

me ayudaste mucho <3 se te agradece muchisimo *-*

[michelarias]

esta me la guardo, me viene de lujo, gracias

[HolaSoyGonZzA]

Genial forma hacerlo!! Cabe señalar que los inputs deben tener su respectivo atributo *name*