正则表达式

最新推荐文章于 2022-09-01 08:29:07 发布

桂圆桂圆车厘子

最新推荐文章于 2022-09-01 08:29:07 发布

阅读量99

点赞数

分类专栏：笔记文章标签：正则表达式 JavaScript 用户验证表单提交前端开发

本文链接：https://blog.csdn.net/qq_45080791/article/details/108998037

版权

笔记专栏收录该内容

62 篇文章 0 订阅

订阅专栏

正则表达式

<%--
  Created by IntelliJ IDEA.
  User: dell
  Date: 2020/10/10
  Time: 15:12
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<%--    引入JQuery库--%>
    <script type="text/javascript" src="Jquery/jquery-1.7.2(1).js"></script>
    <script type="text/javascript">
        $(function () {
            // 将提交按钮绑定单击事件
            $("#sub").click(function () {
                // 获取用户输入用户名
                var username = $("#usn").val()
                // 设置正则表达式
                var userReg = /a/; //是否包含a
                // var userReg = /^a/; //是否以a开头
                // var userReg = /^[a-z]/; //是否以a-z开头
                // var userReg = /^[a-zA-Z]/; //是否以a-z或A-Z开头
                // var userReg = /^[a-zA-Z0-9]/{3-6}; //是否以a-z或A-Z或0-9开头且必须3-6位

                // 验证是否符合规则
                var flag = userReg.test(username);
                // alert(flag?null:"用户名不符合规则")
                // return false
                if (!flag){
                    alert("请输入包含a的用户名")
                    return false
                }
            })
        })
    </script>
    <title>正则表达式</title>
</head>
<body>
<form action="index.jsp" method="post">
    用户名：<input type="text" name="username" id="usn"><br>
    <input type="submit" id="sub">
</form>

</body>
</html>