Curso JavaScript: 103. DOM: Ejercicios Prácticos | Envío de Formularios -

En este video de ejercicios del #DOM de #JavaScript te enseño a enviar formularios.
Aquí te dejo el link de FormSubmit: formsubmit.co/
💛 Aprende JavaScript aprendejavascr...
📖 Mis notas sobre JavaScript jonmircha.com/...
📖 Mis notas sobre ECMAScript jonmircha.com/...
📖 Mis notas sobre JavaScript Asíncrono jonmircha.com/...
📖 Mis notas sobre JSON jonmircha.com/...
📖 Mis notas sobre el DOM jonmircha.com/dom
📦 Códigos: github.com/jon...
🔔 Suscríbete al canal kzbin.info... 🤓
👉 Visita mi sitio web jonmircha.com/ 💻
🌮 ¿Me invítas un taco? www.paypal.me/...
🤲 Apóyame en Patreon / jonmircha
📫 Suscríbete a mi lista de correo tinyletter.com...

[@kikemadrigalr]

Genial.. Creo que nunca había hecho un formulario tan elaborado en cuanto a las validaciones se trata. Aplausos de pie Jon.. Seguimos aprendiendo un montón contigo..

[@jonmircha]

:)

[@heimancastro1954]

otra excelente clase maestro muchas gracias

[@jonmircha]

Con mucho gusto

[@ulisesa.chavez9526]

JonMirCha, gracias por tanto! tiene la entrada al cielo ganada! Es una gran persona, jóvenes como yo que no tienen la posibilidad de ir a una universidad estamos agradecidos con sus enseñanzas, su dedicación y su gran corazón de compartir el conocimiento. Una vez leí: "La enseñanza que deja huella no es la que se hace de cabeza a cabeza, sino de corazón a corazón." Y opino que esa frase a usted lo representa, espero muy pronto conseguir mi primer trabajo y apoyarlo por tanto. Estoy muy agradecido, Saludos.

[@jonmircha]

Misión cumplida 🤗💛

[@gabrielvis-brawlstars1568]

Simplemente Gracias Profesor Usted es un grande mis respetos vengo desde hace 2 meses siguiendo todo el curso y aprendi mas que en la escuela de programacion 1 año jajajaja mi apoyo y cuando tenga dinero me suscribo a su patreon !! quiero mucho su asesoría para un gran proyecto que estoy llevando

[@jonmircha]

;)

[@noemiguzman9888]

El mejor curso de JS, ya vi el de HTML, CSS y sigo con este

[@jonmircha]

👋🏻😉

[@dan_seb]

Los mejores cursos los hace Jon!

[@jonmircha]

🤗🔥❤

[@vanessaquiquiaventocilla644]

excelentes ejercicios profe 👏👏👏

[@jonmircha]

😉👋🏻

[@elvandalo_]

Increible este curso me parece brutal y felicito a todos los que hemos sido constantes y hemos llegado hasta aqui

[@jonmircha]

👋🏻😉

[@raulruidiazgoleadordeperu9524]

Bajo mi perspectiva.Validar formularios en fronted es para dar mejor experiencia de usuario. Ya que validar solo con javascript,es muy vulnerable.

[@r.w.s.2402]

Genial esta herramienta para poder enviar formularios!! Como siempre te digo, gracias por compartir tus conocimientos:)

[@jonmircha]

😎👍🏻

[@elweonweandolaweafome]

El curso màs nutrido y completo que se pueda encontrar en internet de hablahispana, y sì, queremos ese curso que propones en 24:53, queremos seguir en esto

[@jonmircha]

😉👋🏻

[@armandoalvarez8314]

Excelentes contenidos

[@jonmircha]

Gracias! 😊

[@braianrico4422]

Bendiciones Jon!!! 🧙‍♂️🧙‍♂️🧙‍♂️

[@jonmircha]

Gracias!! 🙌🏻🙌🏻🙌🏻

[@admoises]

Que genial este ejercicio de mejor simular un envío de formulario para los principiantes, cuando termine en el frontend con figma, taller de maquetación, webpack, react.js, etc... empezaré a investigar un poco más de backend.

[@jonmircha]

Seguro que para entonces ya tengo mi curso de APIs con node y PHP ;)

[@admoises]

@@jonmircha Sería genial!!!

[@MarianoVerryt]

Hola !! Buscando por internet encontre este video la verdad me salvaste !!! No sé nada de programacion y necesitaba un formulario que me enviara los datos al mail sin usar php y encontré este video. Muy bien explicado !!!

[@jonmircha]

Puedes ver todo mi curso y volverte un crack de la programación 😉 aprendejavascript.org/

[@lukkasromero]

te amo jonmircha

[@jonmircha]

😅

[@vicodeven9680]

Tienes un don, excelente clase!!!

[@jonmircha]

Hola, muchas gracias

[@srcuyo]

muchas gracias jon

[@jonmircha]

Con gusto👋🏻😉

[@onarkismontano9760]

llegue hasta este punto del curso y tengo que decir que no fue fácil, pero el conocimiento que adquiero es el mejor. Gracias jon.

[@jonmircha]

😉🙌

[@LeonardoProne]

Excelente clase, Jon! muchas gracias!

[@jonmircha]

Con mucho gusto👋🏻😉

[@timawid]

Se pone más interesante ⭐️⭐️⭐️⭐️ ⭐️

[@jonmircha]

👋🏻😉

[@Wiiiiizard]

🧙‍♂Muchas gracias, muy bueno el curso!!!

[@jonmircha]

Gracias por comentar

[@catrielmagnello1114]

Buenardoo...

[@ChaviSennin]

¡Muchísimas gracias por tu trabajo! ¡Eres un crack! No sabes lo útil que ha sido para mí tus videos, cuando consiga trabajo, no dudes que me encantara apoyar a tu canal :3

[@jonmircha]

😉🙌🏻👌🏻

[@aronlife1098]

Que excelente curso profesor Jonmircha😁

[@jonmircha]

Hola, muchas gracias

[@jeisongarzon6066]

Muchas gracias Profe, excelente miniserie !

[@jonmircha]

A la orden

[@rutita]

🍎🍎🍎🍎Una genialidad todo lo que enseñaste estos meses!!! Abrazo

[@jonmircha]

;)🍎

[@fernandoarroba331]

Excelente

[@jonmircha]

Gracias! 😊

[@danielhernandeztalla9271]

Excelente curso... No estoy lo estoy viendo cuando salió, pero estoy siguiendo cada una de las clases y me parece genial, excelente JonMirCha 🙌

[@jonmircha]

;)

[@yeinsonjosesernahuamani9542]

Excelente esperando las peticiones Ajax seria excelente saludos.

[@vic_codi]

Profesor una excelente clase, gracias vamos a ver si logramos hacer el reto, saludos

[@carlesbautista8293]

Muy bien explicado Jon, gracias por tu tiempo y tu dedicacion :)

[@jonmircha]

Con mucho gusto

[@FedericoAlemany]

Hola Jon, muy buena la miniserie de validaciones con HTML5 y CSS! Se agradece todo el contenido compartido. Un tema que (hasta ahora por lo menos) no se trató, fue el uso de "Notificaciones" al usuario (de las que Chrome te pregunta si queres habilitarlas o no) y como funcionan en dispositivos móviles. Podrías recomendarme alguna documentación al respecto? Muchas gracias! Un fuerte abrazo.

[@jonmircha]

Busca el API de Notifications

[@kunjilee9810]

Super video jon!!! Gracias por todo :3

[@jonmircha]

Saludos!

[@josemurillo1977]

estupendo video Jon, me ha servido de mucho

[@jonmircha]

Excelente!

[@claudioexplica]

Clarísimo y muy útil

[@gustavokuster8989]

Hola Jon, mil gracias por lo que haces.... Pregunta: en Firefox no me trae la lista de voces... que puede ser...???

[@jonmircha]

🤔

[@carloscontreras6051]

A esta altura del curso me surge una pregunta... ¿Cuantos empezaron a verlo diciendo "a ver que pasa con este video-curso..." y hoy le están prendiendo velas a Jon porque descubrieron que tiene un nivel no que rivaliza, sino que supera por mucho a cualquier curso pago? Yo arranque a estudiar con Jon sabiendo cero de programación, y tengo algunos conocidos que hicieron bootcamps y al dia de hoy me piden ayuda en CSS y JS

[@jonmircha]

😮😀👏🏻

[@JesusDaniell]

Repasando, ya vi el curso completo, pronto mi web JesusMircha.com... Atentos.😅

[@victormaldonado6269]

Saludos, ante todo y como siempre, muchas gracias por ofrecernos esa calidad de curso en esa forma. No se que sucede, todo funciona perfecto en la aplicación, pero además el submit me abre una pequeña ventana de navegación adicional en blanco.

[@jonmircha]

Tal vez sea por el target blank del form

[@javiergutierrez4373]

También me pasa lo mismo.

[@sandokanArg]

Esta me perdi el estreno, mañana firme con el 104

[@helipalacio8772]

👏👏👏 🙏🙏🙏

[@jonmircha]

👋🏻😉

[@rigobertochimalhuaquiahua5887]

!Excelente video¡ Gracias Jon. un par de consultas ¿Hay un límite de envíos de correos? ¿Es confiable como para enviar información delicada?

[@angelabrahamlopezdelgado7574]

Mi buen amigo jon, no es mejor el evento change, ya que si la persona que quiera enviar el formulario copia y pega los datos el navegador no detectara el evento que usaste brou

[@IsaacGarcia-qq8oq]

e_e copiando y pegando aun asi sigue tipeandose

[@danielfabiani4468]

Buenisimo. Una consulta el firfox muestra este error "unreachable code after return statement" No se que debería cambiar en la sentencia del return, está con el operador ternario. Gracias.

[@jonmircha]

😮🤔

[@carloscabi]

he estado leyendo el libro que nos recomendaste de JS (Enloquent JavaScript) y se me hacen pesados los ejercicios, no entiendo nada!, ayuda?

[@jonmircha]

Practica y mucha paciencia 😉👋🏻

[@Rogeltelo-tw8wj]

Que significa hardcodeado?

[@jonmircha]

Que tiene el código duro, pegado en una variable

[@Rogeltelo-tw8wj]

Gracias profe lo quiero mucho🤝@@jonmircha

[@genecles]

Hola. Gracias por la clase. Una pregunta... ¿Cómo haces para tener un input con un pre-formato? Por ejemplo, como lo hace el input tipo date que aparece "dd/mm/aaaa", es decir, que solo te permite colocar la información específica solicitada y en base a eso hacer la validación del campo...

[@Santino3344]

Al input en ve de ponerte type="text" ponle type="date" y ya así te salé

[@genecles]

@@Santino3344 Hola. Gracias por tu comentario pero no me refería eso. Lo que quiero saber es como se logra el comportamiento similar al que tiene el input type="date". Es decir, me refiero a poner un input para solo registrar la edad de una persona y que me saliera ya el pre-formato "dd" (que solo me permita colocar dos dígitos). Eso es lo que busco.

[@Santino3344]

@@genecles ok no me fijé en eso lo voy a ver

[@sandokanArg]

@@genecles yo lo que hago es que chequee que este el campo edad, entre 1 y 99 en la validacion. como tambien le podrias decis que ese campo es numerico y de 2 digitos., tendiras el size="2" y el type="number" ademas del required si asi lo dispusierasen html directamente

[@genecles]

@@sandokanArg Hola. Gracias por tu comentario. 👍De hecho como mencionas ya lo he hecho anteriormente solo que me da curiosidad saber como se logra lo comentando en mi post original. 🙂🙋‍♂️ Saludos.

[@monsterleagueescritas]

Parkour :v Drag AND Drop si lo puso al final 😳💞

[@jonmircha]

🙂👍

[@abcd4rio]

como hago para poner mas bonito el alert ?

[@jonmircha]

no se puede

[@dionismarquesvalada8839]

Oi, professor Jon Mircha. Da pra burlar a verificação se editar o html5 através do inspetor do Chrome. Não da?? Como evitar isso?

[@jonmircha]

No se puede, sí el usuario inspeccona o desactiva JS pues se cancelan las validaciones, por eso es importante validar en el servidor también

[@dionismarquesvalada8839]

@@jonmircha Obrigado por suas aulas e respostas professor. :)

[@sandycamargo-pv6ho]

Que significa DOM?

[@silvinamarcantoni2441]

Hola Jon, gracias por los tutoriales, con respecto al uso de formularios sin Backend, que opinas de EmailJS. Lo probaste alguna vez? Saudos!

[@jonmircha]

No lo conozco

[@silvinamarcantoni2441]

@@jonmircha Ok, probare a ver que onda. Mil gracias pr responder

[@miktl]

No me funciona el formsubmit :C no sé que podria ser

[@jonmircha]

🤔

[@gabrielvis-brawlstars1568]

Hola Jon maestro necesito saber algo yo estoy llevando un proyecto de node js con angular para un sitio web yo quiero que mi sitio o servidor corra una hoja de comandos cada 10 minutos que ejecute y actualice digamos datos de los usuarios automaticamente, es un proyecto donde encripto textos usuarios contraseñas etc, pero no se donde colocar esta hoja para que la corra el servidor cada 10 minutos

[@gabrielvis-brawlstars1568]

Es complicada la pregunta voy de nuevo hice una hoja gon instrucciones y quiero que el servidor la ejecute cada 10 minutos

[@gabrielvis-brawlstars1568]

La hoja la diseñe con un node.js el proyecto esta llevando mongobd node y angular

[@jonmircha]

mmm pues podrías programar una proceso en node que se ejecute cada 10 minutos, quiza tambien puedas usar websockets

[@gabrielvis-brawlstars1568]

@@jonmircha no se como hacerlo

[@gabu.R]

Donde puedo ver los vídeos anteriores? Del 98 salta al 103

[@jonmircha]

aprendejavascript.org/

[@gabu.R]

@@jonmircha Muchas gracias!!! Me estas salvando de una entrega (el profesor no explico nada de esto, y tengo que entregar un proyecto final). MIL GRACIAS!!!!

[@jonmircha]

@@gabu.R ;)

[@sandokanArg]

Bueno, me quede frustrado, no me sale o no encuentro el error despues del loader y no aparece el response, ya revise el codigo mil veces y no hay caso. lo raro que el $loader.classList.add("none"), lo pone de un color y cuando hago $response.classList.remove("none") lo pone en otro color. :( :( :(

[@jonmircha]

?_?

[@sandokanArg]

@wilson medina El error era otro, pero ya lo he solucionado despues de revisar 258mil veces. igual me cuesta un monton, pero ya lo voy a ir sacando, como bien taurino, esto no me gana, ahora estoy haciendo una actualizacion de mi pagina y estoy metiendo codigo, asi que espero aprender asi con todo lo que enseña Jon, pero no me doy cuenta cuando tengo que poner varias clases en un mismo div, a o el rotulo que use. estoy tomando tantos cursos que ya no se como empezar un proyecto.

[@perdomoyaneri8018]

[@jonmircha]

👋🏻😉

[@s3b4_r]

hello world