Wordpress sidebar Mailchimp validation help

[hindu times]

Hi there,

I've been trying to add a Mailchimp sign up form into the sidebar / widget area of my Wordpress.org website. It works to an extent, but it doesn't validate on the same page. If you enter an email address in bad formatting it takes you to Mailchimps hosted page to try again. I want to get it to check the validity of the email on my page and flag up an little error message / circle the input field in red if there's an issue. How would I do this?

Here is my code. Any help would be great.

<!-- Begin MailChimp Signup Form -->
<div id="mc_embed_signup">
<form action="http://rjthompsonmusic.us4.list-manage.com/subscribe/post?u=86729b354d1a75a35e8fd9771&amp;id=bd9f282fc3" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
    <input type="email" style="width: 100%;" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="Enter Your Email Address" required>
    <div>[button link="#" size="medium"]<input type="submit" value="Sign Up" name="sign up" id="mc-embedded-subscribe" >[/button]</div>
</form>
</div>

<!--End mc_embed_signup-->

[pixelsoul]

I don't see any, it is just html. Unless you have some separate JS in another file that was designed to validate this form, I don't see it doing it. You could always build your own form and validation to submit to Mailchimp. You should be able to find some tutorials on it.

[pixelsoul]

In addition to that here is some tutorials on doing form validation with jQuery
http://speckyboy.com/2009/12/17/10-useful-jquery-form-validation-techniques-and-tutorials-2/

[hindu times]

Thanks for your help. Much appreciated.