2019.11.20 简单的登录页面

        // ---------------报名按钮点击、隐藏域显示------------------
        $(".bmpic").click(function() {
            $(".dljm").stop().fadeIn(100);
        });
        $(".X").click(function() {
            $(".dljm").stop().fadeOut(100);
        });
        $(".tijiao").click(function() {
            $(".shuru").stop().fadeIn(100);
            $(".sras").stop().show();
            $(".dljm").css("background-color", "rgba(0, 0, 0, 0)");
        });
        $(".qd").click(function() {
            $(".shuru").stop().fadeOut(100);
            $(".sras").stop().hide();
            $(".dljm").css("background-color", "rgba(0, 0, 0, 0.6)");
        });
        // --------------验证码更换-----------------------------------
        $(".picch img").click(function() {
            var i = $(this).index();
            $(this).hide().next().show();
            if (i == 3) {
                $(".picch img").eq(0).show();
            };
        });
        // --------------------账号、密码、验证码确认-------------------------------------
        $('.dengru').click(function() { //账号密码框
            var n = $('.inputtext1').val();
            var m = $('.inputtext2').val();
            var y = $('.inputtext3').val();
            var p = $('.picch img:visible').eq(0).index();
            if (!n) {
                alert("请输入账号");
                return false;
            }
            if (n != '741') {
                alert("账号不正确");
                return false;
            }
            if (!m) {
                alert("请输入密码");
                return false;
            }
            if (m != '741741') {
                alert("密码不正确");
                return false;
            }
            if (!y) {
                alert("请输入验证码");
                return false;
            }
            if (p == 0) {
                if (y != 'h34h') {
                    alert("验证码不正确");
                    return false;
                }
            } else if (p == 1) {
                if (y != 'hxfx') {
                    alert("验证码不正确");
                    return false;
                }
            } else if (p == 2) {
                if (y != 'p5ns') {
                    alert("验证码不正确");
                    return false;
                }
            } else if (p == 3) {
                if (y != 'zxdx') {
                    alert("验证码不正确");
                    return false;
                }
            }
            console.log(p)
            alert('登录成功');
        });
        // -------------------关闭登录界面-----------------------------
        $(".yonghu").click(function() {
            $(".dljm2").stop().fadeIn(100);
        })
        $(".X1").click(function() {
            $(".dljm2").stop().fadeOut(100);
        });

结束

posted @ 2019-11-26 20:27  墨染千城  阅读(164)  评论(0)    收藏  举报