js实现邮箱地址的检测

最新推荐文章于 2024-03-20 10:12:49 发布

hpugym

最新推荐文章于 2024-03-20 10:12:49 发布

阅读量8.2k

点赞数

分类专栏： Web开发

本文链接：https://blog.csdn.net/hpugym/article/details/47085323

版权

Web开发专栏收录该内容

36 篇文章 0 订阅

订阅专栏

用JavaScript实现对一个邮箱地址是否合法的检测

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript">
//验证邮箱格式
function isEmail() 
{
    var email=document.getElementById("mail").value;
	if(email=="")
	{
		//alert("请输入邮箱！");
		document.getElementById("checkmail").style.color="red";
		document.getElementById("checkmail").innerHTML="✘请输入邮箱";
	    document.getElementById("mail").focus();
	    return false; 
	}
	var pattern= /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;
		strEmail=pattern.test(email);
    	if (strEmail)
       		{ 
    		document.getElementById("checkmail").style.color="green";//设置邮箱可用是的字体颜色
    		document.getElementById("checkmail").innerHTML="✔";
			return true;
			}
		else
    	{
			document.getElementById("checkmail").style.color="red";//设置邮箱不可用时的字体颜色
			document.getElementById("checkmail").innerHTML="✘请输入正确的邮箱";
			document.getElementById("mail").focus();
			//alert("邮箱格式不正确！");
		}
}   
</script>
</head>

<body>

    请您输入<input type="text"   οnblur="isEmail()" id="mail"/><br>

<span id="checkmail"> </span>

</body>
</html>

部分解释：

var pattern= /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/

这是正则表达式 ^代表匹配的开始，$代表的匹配的结束

onblur是js的用法，他的功能就是当他所处的标签失去焦点的时候，就是触动js中的自定义的函数，从而开始调用js函数

另外补充一下：字符编码这块，这段代码中使用的搜狗软件盘中的特殊字符，gbk编码不是使用吗，所以在此选择

hpugym

关注

0
点赞
踩
6

收藏

觉得还不错? 一键收藏
0
评论
js实现邮箱地址的检测

用JavaScript实现对一个邮箱地址是否合法的检测 //验证邮箱格式function isEmail() { var email=document.getElementById("mail").value; if(email=="") { //alert("请输入邮箱！"); document.getElementById("che
复制链接

扫一扫