正则表达式实现邮箱验证的功能

最新推荐文章于 2022-03-04 16:24:47 发布

yayun0516

最新推荐文章于 2022-03-04 16:24:47 发布

阅读量859

点赞数

分类专栏： javaScript 文章标签： javascript 正则表达式 html

本文链接：https://blog.csdn.net/yayun0516/article/details/41518761

版权

javaScript 专栏收录该内容

34 篇文章 0 订阅

订阅专栏

.html代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>

<head>
<meta http-equiv="content-type" content="text/html;charset=gbk"/>
<title>RegExp用法</title>

<script type="text/javascript">
	function chkEmail(){
		var email = document.getElementById('email').value;
		var obj = document.getElementById('showMess');
		//www@163.com
		var pattern = /^[a-zA-Z]\w+[@]\w+[.][\w.]+$/;//<pre name="code" class="html">^[a-zA-Z]<span style="font-family: Arial, Helvetica, sans-serif;">表示以字母开头</span>

if(pattern.test(email)){obj.innerText = "正确";obj.style.color = 'green';}else{obj.innerText = "错误";obj.style.color = 'red';}}</script></head><body><label>电子邮件:</label><input type="text" id="email" οnblur="chkEmail()"/><span id="showMess"></span></body></html>

结果如下：