长知识博客网站,一个编程知识分享网站! Email:

邮箱格式验证代码详解

分类: 前端 浏览量: 留言数: 98325

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

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

一.邮箱的格式:

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

登录名@主机名.域名

邮箱由@分隔:

左边:登陆名。

右边:完整的主机名,它由主机名与域名 组成。其中,域名由几部分组成,每一部分称为一个子域(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>

本文地址: http://www.zzsi.net/code/web/98325.html

本站部分资源来源与网络,仅供学习参考使用,请勿商用,如侵犯了您的权益,请联系我们删除。

标签: 上一篇: 下一篇:
在线留言CONTACT US

评论功能已关闭

展开更多