正则表达式的运用

来源:互联网 发布:恶意软件博物馆 编辑:程序博客网 时间:2024/05/20 06:22
<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title></title>
        <script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
        <style>
            * {
                margin: 0px auto;
                padding: 0px;
            }
            
            .div1 {
                width: 600px;
            }
            
            .bu1 {
                margin-left: 450px;
            }
            
            .bu2 {
                margin-left: 30px;
            }
        </style>
    </head>

    <body>

        <form>
            <div class="div1">

                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;账号:<input type="text" id="zhang" /><br /> &nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;密码:
                <input type="password" id="mi" /><br /> &nbsp;&nbsp;重复密码:
                <input type="password" id="chmi" /><br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;昵称:
                <input type="text" id="ni" /><br /> 出生日期:
                <input type="date" name="aa"/><br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;性别:
                <input type="radio" name="sex" checked="checked" />汉子<input type="radio" name="sex" />妹子<br /> 身份证号:
                <input type="text" id="shen" /><br /> 手机号:
                <input type="text" id="shou" /><br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;QQ:
                <input type="text" id="qq" /><br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;邮箱:
                <input type="text" id="you" /><br />
            </div>
            <input type="button" value="注册" id="zhu" class="bu1" /><input type="button" value="清空" id="qing" class="bu2" />
        </form>
    </body>
    <script>
        //账号验证
        var fal1 = false;

        function a1() {
            var zhang = $("#zhang").val();

            if(zhang == "" || zhang == null) {
                alert("账号不能为空")
                fal1 = false;
                return;
            } else {
                var zhang1 = /^(?!^[0-9]*$)(?!^[a-zA-Z]*$)^([a-zA-Z0-9]{2,})$/
                if(!zhang1.test(zhang)) {
                    alert("账号必须为字母+数字的组合,不能出现特殊字符");
                    fal1 = false;
                } else {
                    fal1 = true;
                }
            }
        }

        //密码验证
        var fal2 = false;

        function a2() {
            var mi = $("#mi").val();
            if(mi == "" || mi == null) {
                alert("密码不能为空");
                fal2 = false;
            } else {
                var mi1 = /^(?!^[0-9]*$)(?!^[a-zA-Z]*$)^([a-zA-Z0-9]{2,})$/
                if(!mi1.test(mi)) {
                    alert("密码规则为首字母大写+字母+数字的组合,不得出现特殊字符");
                    fal2 = false;
                } else {
                    fal2 = true;
                }
            }
        }
        //重复密码验证
        var fal3 = false;

        function a3() {
            var chmi = $("#chmi").val();
            if(chmi == "" || chmi == null) {
                alert("重复密码不能为空");
                fal3 = false;
            } else {
                var mi = $("#mi").val();
                var ch = $("#chmi").val();
                if(ch != mi) {
                    alert("密码规则为首字母大写+字母+数字的组合,不得出现特殊字符");
                    fal3 = false;
                } else {
                    fal3 = true;
                }
            }
        }

        //昵称验证
        var fal4 = false;

        function a4() {
            var ni = $("#ni").val();
            if(ni == "" || ni == null) {
                alert("昵称不能为空");
                fal4 = false;
            } else {
                if(ni.indexOf("我是昵称1") != -1 || ni.indexOf("我是昵称2") != -1) {
                    alert("昵称重复");
                    fal4 = false;
                } else {
                    fal4 = true;
                }
            }
        }

        //身份证号码验证
        var fal5 = false;

        function a5() {
            var shen = $("#shen").val();
            if(shen == "" || shen == null) {
                alert("身份证号不能为空");
                fal5 = false;
            } else {
                var shen1 = /^[1-9]{18}\d*$/
                if(!shen1.test(shen)) {
                    alert("身份证号18位+纯数字");
                    fal5 = false;
                } else {
                    fal5 = true;
                }
            }
        }

        //手机号验证
        var fal6 = false;

        function a6() {
            var shou = $("#shou").val();
            if(shou == "" || shou == null) {
                alert("手机号不能为空");
                fal6 = false;
            } else {
                var shou1 = /^1[0-9]{10}$/
                if(!shou1.test(shou)) {
                    alert("手机号首位字符必须是1开头+纯数字");
                    fal6 = false;
                } else {
                    fal6 = true;
                }
            }
        }

        //qq号验证
        var fal7 = false;

        function a7() {
            var qq = $("#qq").val();
            if(qq == "" || qq == null) {
                alert("QQ号不能为空");
                fal7 = false;
            } else {
                var qq1 = /^[1-9]{5,}\d*$/
                if(!qq1.test(qq)) {
                    alert("QQ号5位以上+纯数字");
                    fal7 = false;
                } else {
                    fal7 = true;
                }
            }
        }

        //邮箱验证
        var fal8 = false;

        function a8() {
            var you = $("#you").val();
            if(you == "" || you == null) {
                alert("邮箱不能为空");
                fal8 = false;
            } else {
                var you1 = /^([\w\-]+\@[\w\-]+\.[\w\-]+)$/
                if(!you1.test(you)) {
                    alert("邮箱要验证是否带有@,必须以.com");
                    fal8 = false;
                } else {
                    fal8 = true;
                }
            }
        }

        //注册
        $("#zhu").click(function() {

            a1();
            if(fal1 == true) {

                a2();
                if(fal2 == true) {
                    a3();
                    if(fal3 == true) {
                        a4();
                        if(fal4 == true) {
                            a5();
                            if(fal5 == true) {
                                a6();
                                if(fal6 == true) {
                                    a7()
                                    if(fal7 == true) {
                                        a8();
                                        if(fal8 == true) {
                                            alert("注册成功")
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }

        })

        //清空
        $("#qing").click(function() {
            $(".div1 input").val("");
        });
    </script>

</html>