js实现邮箱地址的检测

编程入门 行业动态 更新时间:2024-10-23 05:52:34

js实现<a href=https://www.elefans.com/category/jswz/34/1462204.html style=邮箱地址的检测"/>

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实现邮箱地址的检测

本文发布于:2024-02-12 06:36:37,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/34/1686634.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:邮箱地址   js

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!