jQuery+ajax實現EMAIL郵件地址驗證已經數據提交
阿新 • • 發佈:2019-03-15
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郵件地址驗證已經數據提交