jQuery+ajax实现EMAIL邮件地址验证已经数据提交

jQuery+ajax实现EMAIL邮件地址验证已经数据提交

 <script>
        $(document).ready(function () {
            $('#tm-newsletter').submit(function (e) {
                e.preventDefault();
                var email = $("#input-tm-newsletter-email").val();
                var emailRegex = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+.[A-Z]{2,4}$/igm;
                if (emailRegex.test(email)) {
                    var dataString = 'tm_newsletter_email=' + email;
                    $.ajax({
                        type: "POST",
                        url: "index.php?route=module/tm_newsletter",
                        data: dataString,
                        cache: false,
                        success: function (result) {
                            if (!result){
                                $('#tm-newsletter_success').html('You have successfully subscribed').fadeIn(300).delay(4000).fadeOut(300);
                            }else{
                                $('#tm-newsletter_error').html(result).fadeIn(300).delay(4000).fadeOut(300);
                            }
                        }
                    });
                } else {
                    $('#tm-newsletter_error').html('Please enter a valid e-mail!').fadeIn(300).delay(4000).fadeOut(300);
                }
            });
});
</script>

以上代码我们已经在chinaobd2.com项目上用了，效果非常不错，值得推荐。