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.
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.
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
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
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.
Oye y como se ponen los cuadros de texto, osea se las cajitas esas dónde se ingresa el texto esque apenas me están enseñando a usar Javascript y no sé cómo se añaden y no le entendí al profe
Supongo que puedes tener una función en donde la vas a necesitar y la ejecutas desde el querySelector y se la pasas como argumento. Salgo así como myFunction(data). Otra opción es que tengas una variable por ejemplo let data = {}; en el scope global de tu archivo y desde el querySelector la sobrescribes y ya la tienes disponible en otros lugares, y así.
Hola hola! Me pareció bastante genial, me gustaría saber si pudieras compartir en que me momento has optado por utilizar esto que nos muestras. Muchas gracias!
He optado casi siempre. 🤣 Es la mejor forma de recuperar todos los datos de un formulario sin necesidad de ir uno por uno. En proyectos con React igual no lo he necesitado tanto porque hay otras formas...
Ooo podemos no usar el form y llamar a una API pasándole los datos que necesites. No saber que el form causaba un reload me hizo sufrir mucho como junior, al punto que ya no quiero usarlo nunca más.
supongo que es pq se crea un objeto basado en key valor de modo que como el key es igual se va reemplazando, supongo que mi objeto debe anidar otro objeto
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
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.
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.
Hola, ¿Donde puedo ver como se hace esto?
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
Siempre aprendo cosas interesantes con tus videos de JS, gracias
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
No es necesario el queryselectorall, se podría hacer con el atributo forms del document y seleccionarlo por el id
Que ahorro de tiempos y líneas con esta función, gracias, ahora a cambiar todos mis desarrollos.
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
como se hace :(
Hay que aclarar que la propiedad mame debe estar presente en el input del formulario
Lo vi en twitter, pero ahora se que si funciona hahaha grande midu
Jajajaja comprobado!!!
Gracias! De hecho en mi trabajo quieren recuperar todos esos datos de forms ahora veré si puedo hacerlo de esta manera
Una genialiadad y limpio ese código. Gracias!! Lo voy aplicar cuando surga la necesidad.
Muchas gracias Stefano! 🤗
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.
Nunca lo habia con un Object for entries, se ve interesante
Ufs lo necesitaba, gracias midu❤️
🙌
No sabes como he aplicado todos tus tips... Gracias midudev...
Otro nivel gracias por tus aportes
Gracias a ti Daniel!
Esto es execelente, cómo no lo vi antes, un saludo colega
me ayudaste mucho
Eres un crack brother,sigue adelante
Gracias Johnny!!! 🤗
esta me la guardo, me viene de lujo, gracias
Gracias Midu , cuando vienes a Mexico para invitarte unos tacos?, después de tantas salvadas xD
Hola crack saludos desde México, puedes hacer un vídeo para validación antes de envió de formulario
Es tan bueno que hay que copiarlo
Buenísimooo
Me pregunto, como se optimizaría la validación dinámica de estos datos siguiendo este tip?
Maravilloso 😘
Excelente!!!!!!❤
esto me hace amar aun mas a Vuejs
Que buen video
Genial forma hacerlo!! Cabe señalar que los inputs deben tener su respectivo atributo *name*
Sí! Lo puse en la descripción del vídeo, para que quede constancia (aunque la gente debería hacer esto siempre! :D)
Muy interesante 🫶
Gracias por comentar
Héroe sin capa
Gracias, justo ayer necesitaba obtener todos los valores de un input y hay me ves trayendo cada value de los 10 inputs xD
Excelente!
Oro pure mi DUDEV Thanks
Excelente
Grande Midu
Gracias Justin! 🤗
Oye y como se ponen los cuadros de texto, osea se las cajitas esas dónde se ingresa el texto esque apenas me están enseñando a usar Javascript y no sé cómo se añaden y no le entendí al profe
Mi pregunta sobre esto es como usar esos datos para procesarlos en otras funciones, ya que la constante no existe fuera del query selector
Supongo que puedes tener una función en donde la vas a necesitar y la ejecutas desde el querySelector y se la pasas como argumento. Salgo así como myFunction(data). Otra opción es que tengas una variable por ejemplo let data = {}; en el scope global de tu archivo y desde el querySelector la sobrescribes y ya la tienes disponible en otros lugares, y así.
Hola hola! Me pareció bastante genial, me gustaría saber si pudieras compartir en que me momento has optado por utilizar esto que nos muestras. Muchas gracias!
He optado casi siempre. 🤣 Es la mejor forma de recuperar todos los datos de un formulario sin necesidad de ir uno por uno. En proyectos con React igual no lo he necesitado tanto porque hay otras formas...
@@midudev muchas gracias!!!
Ooo podemos no usar el form y llamar a una API pasándole los datos que necesites. No saber que el form causaba un reload me hizo sufrir mucho como junior, al punto que ya no quiero usarlo nunca más.
Grande midu
Gracias Danny! 🤗
Niceee
Sirve para otras cositas?
Cómo lo envío a un correo esos datos ?
como se saca esa flecha?
Y si lo quiero guardar en un txt?
Pero cuando le pones un id al form ya los tienes en un objeto
Disculpen soy nuevo donde busco eso?
Una pregunta, ¿aun asi se envian los datos a la zona de backend?
¿Al final no de envía? XD
Dónde veo los datos?
Me fa funcionado pero tengo un checkbox de multiples valores pero solo me guarda el ultimo, si uso Jquery si carga todos
supongo que es pq se crea un objeto basado en key valor de modo que como el key es igual se va reemplazando, supongo que mi objeto debe anidar otro objeto
Para archivos también aplica?
Y dónde veo los datos
Eso si que es un programador Senior, con código limpio y escalable. Como me gustaría tenerte al lado.
Y uno sacando el valor de cada input 😅
Cómo hacer un login con base de datos!
00:00
⭐⭐⭐⭐⭐
Ayuda me regresa un array vacioo
Es necesario el atributo name para esto?
Sip!
⇒ no mms