JavaScript验证邮箱格式的两个实用示例

作者:青柠时间:2026-10-29 18:18:20浏览:651

本文介绍了两种使用JavaScript验证电子邮件地址格式的方法。通过具体的ASP.NET TextBox控件示例,展示了如何利用正则表达式在客户端进行邮箱格式校验,包括onblur事件触发和按钮点击时的验证逻辑,帮助开发者实现更友好的用户交互体验。

JavaScript验证邮箱格式的两个实用示例

本文介绍了一种使用JavaScript验证电子邮件地址格式的方法,供读者参考。

示例1展示了基本的验证场景。

相关代码如下:

<asp:TextBox ID="txt_Email" runat="server" onblur="checkRate(this.id)"></asp:TextBox>


function checkRate(input)
{
  var re = /^[_".0-9a-z-]+@([0-9a-z][0-9a-z-]+".){1,4}[a-z]{2,3}$/i;  
  var nubmer = document.getElementById(input).value;
   if (!re.test(nubmer))
  {
    alert("请输入正确格式的邮件地址");
    document.getElementById(input).value = "";
    return false;
   }
}

示例2展示了另一种验证方式。


<script type="text/javascript">
function isValidMail() {
  var TextVal = document.getElementById("TextBox1").value;
  var Regex = /^(?:\w+\.?)*\w+@(?:\w+\.)*\w+$/;
  if (Regex.test(TextVal)){
  alert(true);
  }
  else {
  if (TextVal == "") {
    alert("请输入电子邮件地址!!");
  return false;
  }
  else {
  alert("您好,你输入不正确,请重新输入;");
   document.getElementById("TextBox1").value = "";
  return false;
    }
  }
}
</script>

相关代码如下:

<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
<asp:Button ID="Button3" runat="server" Text="Button" OnClientClick="return isValidMail()" OnClick="Button3_Click" />

希望本文的内容对JavaScript程序设计有所帮助。

作者最新文章