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程序设计有所帮助。
作者最新文章
ES6模块化中js文件怎么用import和export交互
2026-11-05 17:00:48
JS读取本地文件时报错或无响应的常见原因
2026-11-05 16:32:31
let、const与var的区别:JavaScript变量声明最佳实践
2026-11-05 14:16:38
JS中直接定义静态二维数组的字面量写法
2026-11-05 14:16:08
JS 怎么查找字符串中所有匹配项的位置
2026-11-05 14:15:53
