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

最新推荐文章于 2024-07-31 14:48:59 发布

原创最新推荐文章于 2024-07-31 14:48:59 发布 · 2.9k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #正则表达式

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

4 篇文章

订阅专栏

本文介绍了一种使用正则表达式验证邮箱格式的方法，通过一个JavaScript函数实现对输入邮箱的有效性检查，确保其符合标准的邮箱格式。

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

// 检查邮箱格式
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>