admin管理员组

文章数量:1634835

转载请注明出处：http://blog.csdn/dongdong9223/article/details/53893591
本文出自【我是干勾鱼的博客】

使用jquery在前台页面验证邮箱输入是否正确，代码如下：

<!DOCTYPE html>
<html>
<head>

<script type="text/javascript" src="http://code.jquery/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代码中加入了与邮箱相关的正则表达式的验证。

本文标签： 前台是否正确邮箱页面jquery

版权声明：本文标题：使用jquery在前台页面验证邮箱输入是否正确 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://www.elefans.com/dianzi/1729201495a1189666.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。