How to send data after form has been validated using jQuery?
- by Keith Donegan
I have a simple email address sign up form as follows:
<form action="" id="newsletterform" method="get">
<input type="text" name="email" class="required email" id="textnewsletter" />
<input type="submit" id="signup" />
</form>
Here's what I want to be able to do:
Validate the form to look for an empty string or a incorrectly filled out email address one the user clicks submit or hits enter.
If one of the above happens (empty string etc), I would like to generate an error to let the user know.
Then once the user fills out a correctly formed email address and hits submit (or enter) I want the form to send the email address to wherever I specify in the jQuery code and then generate a little "Thank you for signing up notice", all without reloading the browser.
I have looked at too many tutorials and my eyes are pretty much aching at this stage, so please don't point me to any urls (I most likely have been there).
If someone could provide a barebone outline of what to do It would be so much appreciated.