转载请注明出处：http://blog.csdn.net/dongdong9223/article/details/53893591
本文出自【我是干勾鱼的博客】
使用jquery在前台页面验证邮箱输入是否正确，代码如下：
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
/**
* 使用jquery在前台页面验证邮箱输入是否正确
*/
function postComment() {
//验证邮箱
if(!$("input[name='email']").val().match(/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((\.[a-zA-Z0-9_-]{2,3}){1,2})$/)) {
alert("邮箱格式不正确！请重新输入");
return false;
} else {
alert("邮箱正确！");
}
}
</script>
</head>
<body>
<div class="form-group">
<input class="form-email" type="text" required="required" placeholder="邮箱(必填)" name="email" maxlength="50"></input>
</div>
<input class="btn btn-primary" type="submit" value="提交" name="submit" onclick="return postComment()" />
</body>
</html>如果随便输入一个邮箱地址，则显示：
输入一个正确的，则显示：
主要是在jquery代码中加入了与邮箱相关的正则表达式的验证。