正则校验（正则表达式）

我是码农lyc

已于 2022-07-27 11:12:14 修改

阅读量1.5k

点赞数

文章标签： vue.js javascript 前端

于 2022-03-27 18:40:01 首次发布

本文链接：https://blog.csdn.net/Lycxiaobai/article/details/123778503

版权

自己写的正则校验，用来判断用户输入的是否符合规范。

<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>电子商城</title>
    <link href="inc/style.css" rel="stylesheet" type="text/css" />
    <link href="styles/style2.css" rel="stylesheet" type="text/css" />
    <script src="${pageContext.request.contextPath}/js/jquery-3.5.1.min.js"></script>
    <script>
        function feikong() {
            var yonghuming = document.getElementById("memberModify_action_member_username");
            var xingming = document.getElementById("memberModify_action_member_realname");
            var mima = document.getElementById("memberModify_action_member_password");
            var queren = document.getElementById("memberModify_action_renewpassword");
            var zhengjianhaoma = document.getElementById("memberModify_action_member_cardno");
            var youxiang = document.getElementById("memberModify_action_member_email");
            if (yonghuming.value == "") {
                return false;
            } else if (xingming.value == "") {
                return false;
            } else if (mima.value == "") {
                return false;
            } else if (queren.value == "") {
                return false;
            } else if (zhengjianhaoma.value == "") {
                return false
            } else if (youxiang.value == "") {
                return false;
            } else if (mima.value != queren.value) {
                return false;
            }
        }

            function yonghu(val) {
                $.ajax({
                    url: "Denglu?flg=yonghuming&username=" + val,
                    type: "get",
                    dataType: "text",
                    success: function (dt) {
                        flg = dt;
                        if (dt == 0) {
                            $("#usera").html("用户名已存在");
                        } else {
                            $("#usera").html("用户名可以使用");
                        }
                    }
                });
            }
        //验证
        function verify(regex,id,span,yes,no){
            if(!(regex.test($("#"+id).val()))){
                $("#"+span).text(no);
                document.getElementById(span).style.color="red";
                return false;
            }else{
                $("#"+span).text(yes);
                document.getElementById(span).style.color="green";
                return true;
            }
        }
        //邮箱验证
        function emailVerify() {
            var regex = /^[a-z\d]+(\.[a-z\d]+)*@([\da-z](-[\da-z])?)+(\.{1,2}[a-z]+)+$/;
            id = "memberModify_action_member_email";
            return verify(regex,id,"spanEmail","email可以使用！","email格式有误");
        }

        //联系电话验证
        function phoneVerify() {
            var regex = /^1[3456789]\d{9}$/;
            id = "memberModify_action_member_tel";
            return verify(regex,id,"spanPhone","电话可以使用","电话格式有误");
        }

        //密码验证
        function passwordVerify() {
            var regex = /^[0-9a-zA-Z]{6,20}/
            id = "memberModify_action_member_password";
            return verify(regex,id,"spanPassword","密码可以使用","密码格式有误");
        }

        //确认密码验证
        function passwordVerify1() {
            var regex = /^[0-9a-zA-Z]{6,20}/
            id = "memberModify_action_renewpassword1";
            return verify(regex,id,"spanPassword1","密码可以使用","密码格式有误");
        }

        //邮政编码
        function yzbmVerify() {
            var regex = /[0-9]{6}/;
            id = "memberModify_action_member_postcode";
            return verify(regex,id,"spanPost","可以使用","格式有误");
        }

        //证件号码
        function sfzVerify() {
            var regex = /^\d{17}(\d|x|X)$/;
            id = "memberModify_action_member_cardno1";
            return verify(regex,id,"spanCardno1","可以使用","格式有误");
        }
    </script>

</head>

<body>

<div id="content">
    <div class="userinfo">
        <div>
            <font class="red"></font>
        </div>
        
        <form  name="memberRegisterForm" action="${pageContext.request.contextPath}/Denglu" onsubmit="return feikong()" method="post">
            <h1 ><span style="color: red">${msg}</span></h1>
            <input hidden="hidden" name="flg" value="Zhuce">
            <input type="hidden" name="member.id" value="3" id="memberModify_action_member_id" />
            <ul>
                <li><span>用户名：</span><input type="text" name="member.username" placeholder="用户名" id="memberModify_action_member_username" onblur="yonghu(this.value)"/>
                    <font class="red" id="usera"> *</font>
                </li>
                <li><span>真实姓名：</span><input type="text" name="member.realname" placeholder="真实姓名" id="memberModify_action_member_realname" />
                    <font class="red"> *</font>
                </li>
                <li style="width:100%"><span>密码：</span><input type="password" name="member.password" id="memberModify_action_member_password" onblur="passwordVerify()" />
                    <font class="red" id="spanPassword"> *</font>
                </li>
                <li><span>确认密码：</span><input type="password" name="renewpassword" id="memberModify_action_renewpassword1" onblur="passwordVerify1()"/>
                    <font class="red" id="spanPassword1" > *</font>
                </li>
                <li><span>所在城市：</span><input type="text" name="member.city" placeholder="所在城市" id="memberModify_action_member_city" /></li>
                <li><span>联系地址：</span><input type="text" name="member.address" placeholder="联系地址" id="memberModify_action_member_address" /></li>
                <li><span>邮政编码：</span><input type="text" name="member.postcode" placeholder="邮政编码" id="memberModify_action_member_postcode" onblur="yzbmVerify()"/>
                    <font class="red" id="spanPost"> *</font>
                </li>
                <li><span>证件号码：</span><input type="text" name="member.cardno" placeholder="证件号码" id="memberModify_action_member_cardno1" onblur="sfzVerify()" />
                    <font class="red" id="spanCardno1"> *</font>
                </li>
                <li><span>证件类别：</span><input type="radio" name="member.cardtype" id="memberModify_action_member_cardtype身份证" value="身份证" /><label for="memberModify_action_member_cardtype身份证">身份证</label>
                    <input type="radio" name="member.cardtype" id="memberModify_action_member_cardtype军官证" value="军官证" /><label for="memberModify_action_member_cardtype军官证">军官证</label>
                    <input type="radio" name="member.cardtype" id="memberModify_action_member_cardtype学生证" value="学生证" /><label for="memberModify_action_member_cardtype学生证">学生证</label>

                </li>
                <li><span>联系电话：</span><input type="text" name="member.tel" placeholder="联系电话" id="memberModify_action_member_tel" onblur="phoneVerify()"/>
                <font class="red" id="spanPhone"> *</font>
                </li>
                <li><span>Email:</span><input type="text" name="member.email" placeholder="Email" id="memberModify_action_member_email" onblur="emailVerify()" />
                    <font class="red" id="spanEmail"> *</font>
                </li>

                <input type="submit" value="注册"/>
                <input type="button" value="登录" onclick="location.href='index.jsp'"/>
            </ul>
        </form>

    </div>
</div>
</div>
</body>

</html>

测试大于10个字的行大于10行
测试大于10个字的行大于10行
测试大于10个字的行大于10行
测试大于10个字的行大于10行
测试大于10个字的行大于10行
测试大于10个字的行大于10行
测试大于10个字的行大于10行
测试大于10个字的行大于10行
测试大于10个字的行大于10行
测试大于10个字的行大于10行
测试大于10个字的行大于10行
测试大于10个字的行大于10行
测试大于10个字的行大于10行
测试大于10个字的行大于10行
测试大于10个字的行大于10行

我是码农lyc

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
正则校验（正则表达式）

自己写的正则校验，用来判断用户输入的是否符合规范。<%@ page contentType="text/html;charset=UTF-8" language="java" %><head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>电子商城</title> <link href="inc/st.
复制链接

扫一扫