The "submit" event on forms in JavaScript

114,316

1,172 0

Published 2018-07-02

You can use the "submit" event in JavaScript to react to when the user submits an HTML form. This can be useful when you want to use AJAX for your form processing.

In this video I take you through a quick example of how to use the "submit" event - which includes the use of AJAX to submit a form.

Support me on Patreon:
www.patreon.com/dcode - with enough funding I plan to develop a website of some sort with a new developer experience!

For your reference, check this out:
developer.mozilla.org/en-US/docs/Web/Events/submit

Follow me on Twitter @dcode!

If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!

#dcode #javascript #webdev

All Comments (21)

@coffeeandvapes1308 4 years ago

Sometimes you can get stumped by the simplest of issues, and its sooo annoying looking for hours and every tut you watch doesn't seem to give what you KNOW is a simple answer to a simple problem. Your basic method just works! Thanks fella!!! Hope the lockdown isnt driving you nuts lol 👍
@stringplayer999 4 years ago

A web dev named Dom? perfect.
@SemyonTishchenko 4 years ago

Thank you very much for this little tutorial. I tried to find a video like this for too long. I wish you good luck, man
@nagendra9092 5 years ago

Thank you, I had a question By taking multiple inputs in FORM like name, age, number, after clicking on submit it will appear on new page with name:xyz, number:123456. with edit option also can we make like this with only using java script. please make a video on this. thank you
@larskra6387 2 years ago

Nice answer to a simple question. Thanks!
@Dreku22 14 days ago

exactly what I was looking for, good stuff
@luisavenancio625 3 years ago

Thanks for this video! Super helpful!
@athraafaraj8387 2 years ago

thank you for your explaining, really amazing
@charlesbabbage6786 2 years ago

Very Helpful. Thank you!
@abdullahmanafikhi4438 2 years ago

thanks a lot , hope you get an enormous success in this field
@eyalshnitzerful 5 years ago

Great video. Thanks
@tarunkumarchelumalla6817 3 years ago

Thank you so so much bro 🙏 u helped me a lot bro . Good stuff 👍 keep up
@gamenesting5594 2 years ago

i liked your video, because you deserve this. what your content in this video is the thing i don't find any where in the web
@Barnardrab 3 years ago

How do you get FormData working with just JavaScript? I want to code in Node JS. When I pop the new FormData(myForm) in the parameter of a console.log, I get some obscure data that isn't helpful.
@thantzinwin7215 1 year ago

thank you so much sir , you know you remove one of my difficulties .
@venusirpuram4345 4 years ago

which font do you use and theme for the vscode
@dariuspop3677 3 years ago

damn the quality of this video! fkn subscribed !!!!
@beasta75 3 years ago

thank you so my bro that worked fine
@nelsonantonio5870 2 years ago

Thank you very much Sir!!!
@trytoo5167 3 years ago

Anyone else getting 405 error method not allowed? How to fix @dcode