1. 程式人生 > >jQuery+ajax實現EMAIL郵件地址驗證已經數據提交

jQuery+ajax實現EMAIL郵件地址驗證已經數據提交

htm jquer url mail doc () dex href type

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項目上用了,效果非常不錯,值得推薦。

jQuery+ajax實現EMAIL郵件地址驗證已經數據提交