邮箱格式验证代码详解
分类：实例代码
通常情况下，网站的用户注册或者其他操作，如果涉及到邮箱的填写，都会进行格式验证。
下面就分享一下如何实现邮箱格式正确性的验证功能。
一.邮箱的格式:
明确邮箱的格式，才能够知道如何去验证。
登录名@主机名.域名
邮箱由@分隔:
左边:登陆名。
右边:完整的主机名，它由主机名与域名 组成。其中，域名由几部分组成，每一部分称为一个子域(Subdomain），各子域之间用圆点“．”隔开，每个子域都会告诉用户一些有关这台邮件服务器 的信息。
二.验证代码实例:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.pipipi.net/" />
<title>前端教程网</title>
<script>
function vailEmail() {
var ospan = document.getElementById("error");
var email = jQuery("#email").val();
var message = "";
var myreg = /^([\.a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-])+/;
if (email == '') {
message = "邮箱不能为空！";
}
else if (!myreg.test(email)) {
message = "请输入有效的邮箱地址！";
}
else {
message = "邮箱格式正确";
}
ospan.innerHTML = message;
}
window.onload = function () {
var obt = document.getElementById("bt");
obt.onclick = function () {
vailEmail()
}
}
</script>
</head>
<body>
<input type="text" id="email"/><br/>
<span id="error"></span><br/>
<input type="button" id="bt" value="查看效果"/>
</body>
</html>