在运行剩余的 javascript 之前检查有效的电子邮件

Question

我有一个文本框，要求用户在其中插入有效的电子邮件地址。

当用户提交有效的电子邮件地址时，会在回发数据时出现加载图形。

下面的代码可以很好地显示加载图形，但它不会首先检查电子邮件地址是否有效。有人可以帮忙吗？

$('#btnEmail1Submit').live ("click", function() {
   $('<div class="submitBg"></div>').appendTo(".emailEditContainer");
   $('<div class="submitLoadingCont"><img class="submitLoading" src="images/mypreferences/loading.gif" width="50" height="50" /></div>').appendTo(".emailEditContainer");
});

我想我需要在单击时运行的函数周围放置一个 if 语句 - 所以类似于：

$('#btnEmail1Submit').live ("click", function() {
  if(emailvalid == true) {   
    $('<div class="submitBg"></div>').appendTo(".emailEditContainer");
    $('<div class="submitLoadingCont"><img class="submitLoading" src="images/mypreferences/loading.gif" width="50" height="50" /></div>').appendTo(".emailEditContainer");
  }
});

我正在使用 asp.net 电子邮件验证 - 它看起来像这样：

<asp:RegularExpressionValidator Display="Dynamic" ValidationGroup="PrimarySubmit" ID="RegularExpressionValidator1" runat="server" ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*" ControlToValidate="tbEmail1" ErrorMessage="Invalid email address - " />

Answer 1

您需要使用正则表达式来测试电子邮件地址的有效性：

function isValidEmailAddress(emailAddress) {
    var pattern = new RegExp(/^(("[\w-\s]+")|([\w-]+(?:\.[\w-]+)*)|("[\w-\s]+")([\w-]+(?:\.[\w-]+)*))(@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9]{1,2}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\]?$)/i);
    return pattern.test(emailAddress);
};

来自 这个问题，因此请参阅该线程以获取更多信息。

您需要使用用户提供的电子邮件地址调用该函数，因此我假设如下：

var email = $("#emailInput").val();
if(isValidEmailAddress(email)) {
    //Do stuff
}

Answer 2

您应该使用正则表达式检查电子邮件有效性

var re = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/

$('#btnEmail1Submit').live ("click", function() {
   if(!email.match(re)) {
     alert('invalid email');
     return false;
   }
   $('<div class="submitBg"></div>').appendTo(".emailEditContainer");
   $('<div class="submitLoadingCont"><img class="submitLoading" src="images/mypreferences/loading.gif" width="50" height="50" />    </div>').appendTo(".emailEditContainer");
});

正则表达式来自 在 JavaScript 中验证电子邮件地址？

Answer 3

电子邮件验证已在 SO 上讨论过很多很多次，并且其他地方。简而言之，很难（不可能）做到完美，并且需要在最大化有效格式的覆盖范围和最小化误报之间进行权衡。事实上，我验证电子邮件地址所做的只是进行基本的健全性检查。用伪代码来说：

if (address.contains("@")) { 
   .. // then ok
} 

其他任何事情基本上都是徒劳的。即使您花了很长时间构建一些极其复杂的正则表达式来遵守 RFC822 获取大多数有效地址（存在不符合 RFC 的真实地址） - 您如何知道该收件箱确实存在？

Answer 4

如果您正在使用正则表达式验证器，您可以检查这一点

function myClick() {
    Page_ClientValidate();
    if (Page_IsValid) {
        return true;
    }
    else {
        return false;
    }
}

，然后可以使用它......

Answer 5

如果您需要执行 aps 验证器来验证电子邮件地址（这似乎与您的问题相关），那么您需要在调用之前调用生成的 javascript 来执行此操作 - 因此调用：

如果（Page_ClientValidate）

做你的其他事情

但是，这将运行所有页面验证，而不仅仅是电子邮件。

如果您只需要为此运行一个验证调用，您可以查看页面上生成的 javascript，找到它在哪里调用电子邮件验证，然后调用它。但是，我不建议这样做，因为重新生成页面时它可能会发生变化。

请参阅 CodeProject