邮箱地址的检测"/>
js实现邮箱地址的检测
用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编码不是使用吗,所以在此选择
更多推荐
js实现邮箱地址的检测
发布评论