jQuery邮箱验证正则表达式

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

CrazZy651314

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

阅读量4.4k

点赞数 3

分类专栏：日记文章标签： jquery 邮箱正则表达式

本文链接：https://blog.csdn.net/qinqigang/article/details/77680072

版权

日记专栏收录该内容

23 篇文章 0 订阅

订阅专栏

jsp页面

记得引入jQuery.js

<%--
  Created by IntelliJ IDEA.
  User: qqg
  Date: 2017/8/29
  Time: 16:41
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <script type="text/javascript" src="/js/jquery.min.js"></script>
</head>
<body>
    <input type="text" id="email">
    <span class="tip"></span>
    <button id="submit">提交</button>
</body>
<script>
    $("#submit").click(function () {
        var email = $("#email").val();
        var regEmail = /^([a-zA-Z0-9_.-]+)@([da-z.-]+).([a-z.]{2,6})$/;
        if(!regEmail.test(email)){
            $(".tip").html("email格式不正确");
            $(".tip").css("color","#ff0705");
        }else {
            $(".tip").html("email格式正确");
            $(".tip").css("color","#4cae4c");
        }
    });
</script>
</html>