在下面的脚本中,我检查输入的电子邮件是否有效。它不是最好的正则表达式,但是现在还可以。另外,目前我不对任何服务器端进行输入检查。仅使用此脚本。

我有这个问题:
当电子邮件有效时,当我键入无效的电子邮件后,我首先得到您的电子邮件格式无效,然后我们启动时会通知您。谢谢!警报。电子邮件也被发送。如何解决呢?

谢谢

这是我的表格

<form id="myform" action="" method="POST">
                <input id="subscribe" name="subscribe" class="subscribe floatLeft" type="text">
                <button id="signUp" class="signUp floatRight" ><intro>notify!</intro></button>
                <div class="clear">&nbsp;</div>
</form>


这是脚本

var signUp = function(inputEmail) {
    var isValid = true;
    var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
    if (!emailReg.test(inputEmail)) {
        isValid = false;
        alert('Your email is not in valid format');
    }



$("#myform").submit(function(event) {
    event.preventDefault();
    if (!isValid) {
        return false;
    } else {
        $.post('mailme.php', $("#myform").serialize(), function(data) {
            alert('You will be notified when we launch. Thank you!');

        });
        return false;
    }
});

};

最佳答案

您需要onsubmit事件返回false。
无论如何,您都需要绑定Submit事件并在那里进行isValid检查。

$("#myform").submit(function(event){
  event.preventDefault();
  if(!isValid){
  return false;
 }else{
  $.post(...)
  return false;
 }
});


- 编辑 -
忘记返回false / event.preventDefault;但是就像我说的那样,无论如何,提交事件都需要绑定

-编辑2--

function validEmail(email){
var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
return email.test(emailReg)
}
$(document).ready(function(){
  $("#myform").bind({
    submit: function(e){
     e.preventDefault();
     if(validEmail($("#myform").find("#subscribe").val()){
       $.post(...)
          alert("You will be notified");
         return false;
     }
     else {
        alert("Invalid email");
        return false;
     }

   });


});
}

关于javascript - 表单在jQuery中输入无效时错误地显示成功警报框,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/7945601/

10-12 00:14
查看更多