使用jquery在前台页面验证邮箱输入是否正确

最新推荐文章于 2021-06-10 02:40:16 发布

我是干勾鱼

最新推荐文章于 2021-06-10 02:40:16 发布

阅读量9k

点赞数 2

分类专栏： Web前端文章标签： jquery 邮箱正则表达式 email 验证

本文链接：https://blog.csdn.net/dongdong9223/article/details/53893591

版权

Web前端专栏收录该内容

32 篇文章 1 订阅

订阅专栏

转载请注明出处：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>