When you click submit on our modified form, it redirects the visitor to the Mail Chimp site. But, we can also recreate Mail Chimp's Ajax form submission without j Query for a better user experience.The first thing we want to do is prevent the form from submitting via a page reload like it normally would.
It also submits it with Ajax and displays a status message.
It makes your page much more user-friendly, and takes out the frustration of having to fill out the same form repeatedly.
It's also very precise, as you can point out the exact field where there's a problem.
And we wrote a polyfill to extend support all the way back to IE9 (and plug a few feature holes in some newer versions).
Now, let's take what we've learned and apply it to a real example: the Mail Chimp signup form.
We're going to be checking the form using a function, which will be activated by the form's Validating this form would be considerably simpler than one containing radio buttons or select boxes, but any form element can be accessed.