jquery使用正则表达式验证邮箱格式

最新推荐文章于 2021-12-03 17:30:07 发布

zxwwantlearnjava

最新推荐文章于 2021-12-03 17:30:07 发布

阅读量2.4k

点赞数 1

分类专栏： web学习笔记文章标签： jquery 正则表达式

本文链接：https://blog.csdn.net/zxwwantlearnjava/article/details/107784779

版权

web学习笔记专栏收录该内容

4 篇文章 0 订阅

订阅专栏

使用正则表达式验证邮箱格式

// 检查邮箱格式
function checkEmail(){
	var email = $("#txtEmail").val();
	// 使用正则表达式验证邮箱格式
	var reg = new RegExp("^[a-z0-9]+([._\\-]*[a-z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$");
	if(email == ""){
		$("#emailInfo").html("邮箱不能为空!~").prop("className","error");
	}else if(!reg.test(email)){
		$("#emailInfo").html("请填写正确的邮箱格式!~").prop("className","error");
	}else{
		$("#emailInfo").html("").removeProp("className");
	}
}


//html代码
<body>
	<table>
		<tr>
			<td valign="top" class="w1">
				请填写您的Email地址：
			</td>
			<td>
				<input name="user.email"  type="text" id="txtEmail" onblur="checkEmail();" class="text_input"/>
				<div class="text_left" id="emailValidMsg">
					<p>
						请填写有效的Email地址，在下一步中您将用此邮箱接收验证邮件。
					</p>
					<span id="emailInfo"></span>
				</div>
			</td>
		</tr>
	</table>
</body>

zxwwantlearnjava

关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
jquery使用正则表达式验证邮箱格式

使用正则表达式验证邮箱格式// 检查邮箱格式function checkEmail(){ var email = $("#txtEmail").val(); // 使用正则表达式验证邮箱格式 var reg = new RegExp("^[a-z0-9]+([._\\-]*[a-z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$"); if(email == ""){ $("#emailInfo").html("邮箱不能为空!~")
复制链接

扫一扫