jQuery邮箱验证正则表达式

最新推荐文章于 2020-08-04 13:48:59 发布

原创最新推荐文章于 2020-08-04 13:48:59 发布 · 4.6k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #邮箱 #正则表达式

日记专栏收录该内容

23 篇文章

订阅专栏

本文介绍了一个简单的JSP页面示例，该页面使用jQuery进行客户端的Email格式验证，并通过JavaScript实现了即时反馈提示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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>