JavaScript的正则表达式实现邮箱校验

最新推荐文章于 2024-07-19 14:12:54 发布

穆雄雄

最新推荐文章于 2024-07-19 14:12:54 发布

阅读量1.5k

点赞数 1

分类专栏： # JavaScript 文章标签： jquery JavaScript 正则表达式 html5 邮箱

本文链接：https://blog.csdn.net/qq_34137397/article/details/52906357

版权

JavaScript 专栏收录该内容

57 篇文章 4 订阅

订阅专栏

说到html5，在说邮箱校验，聪明的人已经想到了直接写个

电子邮箱：<input type="email" name="email">这样不就是自动校验邮箱了么。。。。

不错，这样也可以，但是我要说的是：在没有出来这个的时候我们是这样验证的，请看代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>邮箱校验</title>
	<script type="text/javascript">
	window.οnlοad=function(){
		var oTxt1=document.getElementById('txt1');
		var oBtn1=document.getElementById('btn1');
		oBtn1.οnclick=function(){
			var re=/^\w+@[0-9a-z]+\.[a-z]+$/;
			if(re.test(oTxt1.value)){
				alert('您写的是合法的邮箱')
			}else{
				alert('你丫写错啦')
			}
		}
	}
	</script>
</head>
<body>
	<input type="text" name="email" id="txt1">
	<input type="button" value="校验" id="btn1">
	
</body>
</html>

大家看看这样是不是也可以的，哈哈，大神勿喷！小弟刚出来混，望各路大神给晚辈留点面子！