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

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

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

50% 1

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 aprendejavascript.org/
📖 Mis notas sobre JavaScript jonmircha.com/javascript
📖 Mis notas sobre ECMAScript jonmircha.com/ecmascript
📖 Mis notas sobre JavaScript Asíncrono jonmircha.com/javascript-asin...
📖 Mis notas sobre JSON jonmircha.com/json
📖 Mis notas sobre el DOM jonmircha.com/dom
📦 Códigos: github.com/jonmircha/youtube-js
🔔 Suscríbete al canal ru-vid.com?sub_con... 🤓
👉 Visita mi sitio web jonmircha.com/ 💻
🌮 ¿Me invítas un taco? www.paypal.me/jonmircha
🤲 Apóyame en Patreon / jonmircha
📫 Suscríbete a mi lista de correo tinyletter.com/jonmircha/

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

7 июл 2020

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

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

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

@kikemadrigalr 3 года назад

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

@r.w.s.2402 3 года назад

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

@jonmircha 3 года назад

😎👍🏻

@gabrielvis-brawlstars1568 3 года назад

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

;)

@rutita 3 года назад

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

@jonmircha 3 года назад

;)🍎

@ulisesa.chavez9526 3 года назад

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

Misión cumplida 🤗💛

@vic_codi 4 года назад

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

@Wiiiiizard Год назад

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

@jonmircha Год назад

Gracias por comentar

@carlesbautista8293 3 года назад

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

@jonmircha 3 года назад

Con mucho gusto

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

¡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 2 года назад

😉🙌🏻👌🏻

@user-pd6ip5sw5r 9 месяцев назад

Excelente clase, Jon! muchas gracias!

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

Con mucho gusto👋🏻😉

@claudioexplica 4 года назад

Clarísimo y muy útil

@danielhernandeztalla9271 3 года назад

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

@jonmircha 3 года назад

;)

@noemiguzman9888 4 месяца назад

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

@jonmircha 4 месяца назад

👋🏻😉

@MarianoVerryt 3 года назад

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

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

@kunjilee9810 3 года назад

Super video jon!!! Gracias por todo :3

@jonmircha 3 года назад

Saludos!

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

Muchas gracias Profe, excelente miniserie !

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

A la orden

@yeinsonjosesernahuamani9542 4 года назад

Excelente esperando las peticiones Ajax seria excelente saludos.

@catrielmagnello1114 4 года назад

Buenardoo...

@dan_seb 3 года назад

Los mejores cursos los hace Jon!

@jonmircha 3 года назад

🤗🔥❤

@elvandalo_ 11 месяцев назад

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

@jonmircha 11 месяцев назад

👋🏻😉

@vicodeven9680 3 года назад

Tienes un don, excelente clase!!!

@jonmircha 3 года назад

Hola, muchas gracias

@raulruidiazgoleadordeperu9524 3 года назад

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

@josemurillo1977 3 года назад

estupendo video Jon, me ha servido de mucho

@jonmircha 3 года назад

Excelente!

@srcuyo Год назад

muchas gracias jon

@jonmircha Год назад

Con gusto👋🏻😉

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

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

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

Gracias!! 🙌🏻🙌🏻🙌🏻

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

Que excelente curso profesor Jonmircha😁

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

Hola, muchas gracias

@vanessaquiquiaventocilla644 Год назад

excelentes ejercicios profe 👏👏👏

@jonmircha Год назад

😉👋🏻

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

Excelente

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

Gracias! 😊

@admoises 3 года назад

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

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

@admoises 3 года назад

@@jonmircha Sería genial!!!

@timawid 10 месяцев назад

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

@jonmircha 10 месяцев назад

👋🏻😉

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

te amo jonmircha

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

😅

@onarkismontano9760 3 года назад

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

😉🙌

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

😉👋🏻

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

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

@sandokanArg 4 года назад

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

@FedericoAlemany 4 года назад

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

Busca el API de Notifications

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

👏👏👏 🙏🙏🙏

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

👋🏻😉

@JesusDaniell 3 года назад

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

@gustavokuster8989 Год назад

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

@jonmircha Год назад

🤔

@victormaldonado6269 4 года назад

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

Tal vez sea por el target blank del form

@javiergutierrez4373 3 года назад

También me pasa lo mismo.

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

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

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

Practica y mucha paciencia 😉👋🏻

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

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

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

No lo conozco

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

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

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

😮🤔

@dionismarquesvalada8839 3 года назад

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

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

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

@gabrielvis-brawlstars1568 3 года назад

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

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

@gabrielvis-brawlstars1568 3 года назад

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

@jonmircha 3 года назад

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

@gabrielvis-brawlstars1568 3 года назад

@@jonmircha no se como hacerlo

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

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

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

🙂👍

@miktl Год назад

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

@jonmircha Год назад

🤔

@genecles 4 года назад

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

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

@genecles 4 года назад

@@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 4 года назад

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

@sandokanArg 4 года назад

@@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 4 года назад

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

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

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

e_e copiando y pegando aun asi sigue tipeandose

@sandokanArg 4 года назад

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

?_?

@sandokanArg 3 года назад

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

@gabu.R 3 года назад

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

@jonmircha 3 года назад

aprendejavascript.org/

@gabu.R 3 года назад

@@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 3 года назад

@@gabu.R ;)

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

como hago para poner mas bonito el alert ?

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

no se puede

@sandycamargo-pv6ho Год назад

Que significa DOM?

@Rogeltelo-tw8wj 9 месяцев назад

Que significa hardcodeado?

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

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

@Rogeltelo-tw8wj 9 месяцев назад

Gracias profe lo quiero mucho🤝@@jonmircha

@perdomoyaneri8018 6 месяцев назад

@jonmircha 6 месяцев назад

👋🏻😉

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

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

😮😀👏🏻