这次给大家带来js进行e-mail地址格式验证代码，js进行e-mail地址格式验证的注意事项有哪些，下面就是实战案例，一起来看一下。
1：代码
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>利用javascript验证是否符合电子邮箱地址</title>
</head>
<script type="text/javascript">
// 创建第一个函数validate_emil()并包含两个参数
function validate_email(field, alerttxt) {
with (field) {
//利用indexof() 方法返回某个指定的字符串值在字符串中首次出现的位置--定义一个变量apos将第一次出现的“@”赋值给apos
apos = value.indexof(@);
//利用lastindexof() 方法返回一个指定的字符串值最后出现的位置，在一个字符串中的指定位置从后向前搜索--
//stringobject.lastindexof(searchvalue,fromindex)
//fromindex 可选的整数参数。规定在字符串中开始检索的位置。它的合法取值是 0 到 stringobject.length - 1。如省略该参数，则将从字符串的最后一个字符处开始检索。
dotpos = value.lastindexof(.);
// 判断符合@的位置，或者.的位置是否在@的后面
if (apos < 1 || dotpos - apos < 2) {
// 利用alert()弹出一个警告窗来执行alerttxt的操作
// 邮箱地址不符合
alert(alerttxt);
return false;
} else {
// 邮箱地址符合
return true;
}
}
}
// 创建第二个函数validate_form()并包含一个参数
function validate_form(thisform) {
with (thisform) {
if (validate_email(email, "not a valid e-mail address!") == false) {
// 利用focus()将输入焦点移至对象上
email.focus();
return false;
}
}
}
</script>
<body>
<!-- onsubmit是一个验证表单功能,为true提交， -->
<form action="submitpage.htm" onsubmit="return validate_form(this);" method="post">
email: <input type="text" name="email" size="30"> <input type="submit" value="submit">
</form>
</body>
</html>
2：结果
下图则说明了自己输入的邮箱格式是准确的，至于存在不存在另当别论！
相信看了本文案例你已经掌握了方法，更多精彩请关注其它相关文章！
推荐阅读：
vue环境传递参数打包不同域名代码分析
vue如何操作html字段字符串转换为html标签
以上就是js进行e-mail地址格式验证代码的详细内容。