邮箱格式验证代码详解

快乐打工仔 分类:实例代码

通常情况下,网站的用户注册或者其他操作,如果涉及到邮箱的填写,都会进行格式验证。

下面就分享一下如何实现邮箱格式正确性的验证功能。

一.邮箱的格式:

明确邮箱的格式,才能够知道如何去验证。

登录名@主机名.域名

邮箱由@分隔:

左边:登陆名。

右边:完整的主机名,它由主机名与域名 组成。其中,域名由几部分组成,每一部分称为一个子域(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>
邮箱格式验证代码详解

回复

我来回复
  • 暂无回复内容