三毛战胜自己就成功了 2015-05-01 07:39 采纳率: 0%
浏览 5341

网页点击登录按钮没有反应

帮一个同学仿了个网页,一切都弄好了,到首页登录的时候,打上账号密码之后没有反应,这是怎么回事呢?

    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <link rel="stylesheet" type="text/css" href="img/font-awesome.min.css" />
<link rel="stylesheet" type="text/css" href="img/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="img/style-metronic.css" />
<link rel="stylesheet" type="text/css" href="img/style.css" />
<link rel="stylesheet" type="text/css" href="img/index.css?v=1.0" />
    <!--[if IE 8]>
    <script type="text/javascript" src="img/respond.min.js"></script>
    <![endif]-->
</head>
<body class="admin">
<style>
    .container{
        width: 1000px;
    }
</style>
<div class="header signup-header">
    <div class="container">
        <div class="navbar-header">
        </div>

    </div>
</div>
<div class="page-container">
    <style>
    .page-container{
        margin-top: 0;
    }
    body{
        background-color: #fff;
    }
    .login-btn .fa-loading{display: none;}
</style>
<div id="banner" class="index-banner">
    <div class="container">
        <div class="login-wrap">
            <form id="login" method="post" action="../control.php?oper=login">
                <div class="login-title">登陆网站</div>
                <div class="form-group">
                    <input type="text" name="name" id="user" class="form-control" placeholder="用户名/ID" value="">
                    <span class="login-icon login-icon-user"></span>
                </div>
                <div class="form-group">
                    <input type="password" name="pwd" id="pwd" class="form-control" placeholder="密码" value="">
                    <span class="login-icon login-icon-pwd"></span>
                </div>

                <div class="form-group" style="margin-bottom: 10px;">
                    <label><input type="checkbox" checked name="remember" style="margin-left:0;margin-right:4px;">记住账号</label>
                    <a class="pull-right" onClick="iForget();" href="#">忘记密码</a>
                </div>
                <div class="form-group">    
                    <span id="submit" class="btn btn-white login-btn"> 登&nbsp;&nbsp;录 </span>
                    <a href="../login/regist.php" class="btn btn-yellow register-btn"> 注&nbsp;&nbsp;册 </a>
                </div>            </form>
        </div>
        <div  class="banner-wrap">
            <div class="banner-1">
                <img class="b2_cloud" src="img/2_cloud.png" alt=""/>
                <img class="b2_word" src="img/2_word.png" alt=""/>
                <img class="b2_bottom" src="img/2_bottom.png" alt=""/>
                <a class="zt_link" target="_blank" href="http://www.aifahuo.com/index/zt"></a>
            </div>
            <div class="banner-2">
                <img class="b1_cloud" src="img/1_cloud.png" alt=""/>
                <img class="b1_circle" src="img/1_circle.png" alt=""/>
                <img class="b1_bottom" src="img/1_bottom.png" alt=""/>
            </div>
            <div class="banner-3">
                <img class="b3_word" src="img/3_word.png" alt=""/>
                <img class="b3_human" src="img/3_human.png" alt=""/>
                <img class="b3_ufo" src="img/3_ufo.png" alt=""/>
                <a class="banner_download_link" target="_blank" href="http://www.weituibao.com/client/download"></a>
            </div>
        </div>
        <ul class="banner-nav">
            <li class="active" data-index="1"></li>
            <li data-index="2"></li>
            <li data-index="3"></li>
        </ul>
    </div>
    <div class="arrow-left" style="display: none;" data-type="left"></div>
    <div class="arrow-right" style="display: none;" data-type="right"></div>
</div>
   <div class="right-service closed">
        <img class="RS-img" src="img/wxb.png"/>
        <div class="RS-wrap">

        </div>

    </div>
<div class="copyright">
    <div class="container text-center">

        <p>
            <span class="copyright-icon copyright-icon-1"><img src="img/copyright-pic-1.jpg" width="94"></span>
            <span class="copyright-icon copyright-icon-2"><img src="img/copyright-pic-2.jpg" width="94"></span>
            <span class="copyright-icon copyright-icon-3"><img src="img/copyright-pic-3.jpg" width="117"></span>
            <span class="copyright-icon copyright-icon-4"><img src="img/copyright-pic-4.jpg" width="109"></span>
        </p>
    </div>
</div>
<script type="text/javascript" src="img/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="img/jquery.cookie.min.js"></script>
<script type="text/javascript" src="img/underscore-min.js"></script>
<script type="text/javascript" src="img/back-to-top.js"></script>
<script type="text/javascript" src="img/win.js"></script>
<script type="text/javascript" src="img/app.js"></script>


<script type="text/javascript">
    $(function () {
        var bannerNum=$('#banner .banner-wrap > div').length;//有几个 banner
        var bannerIntervalTime=5000;//IntervalTime
        $('#banner').addClass('show1');
        var bannerInterval,bannerTimeout;
        bannerTimeout=setTimeout(function () {
            bannerInterval=setInterval(showNextBanner,bannerIntervalTime)
        },2000);

        $('#banner .arrow-left,#banner .arrow-right').click(function () {
            var type=$(this).attr('data-type');
            var now=$('#banner .banner-nav .active').attr('data-index');
            var next;//下次的banner 顺序
            if(type=='left'){
                next=parseInt(now,10)-1;
            }else{
                next=parseInt(now,10)+1;
            }
            if(next<1){
                next=bannerNum;
            }
            if(next>bannerNum){
                next=1;
            }
            clearInterval(bannerInterval);
            clearTimeout(bannerTimeout);
            showBanner(next);
        });
        $('#banner .banner-nav li').click(function () {
            var index=$(this).attr('data-index');
            showBanner(index);
        });
        $('#banner').hover(function () {
            clearInterval(bannerInterval);
            clearTimeout(bannerTimeout);
            $('.arrow-left,.arrow-right').show();
        }, function () {
            $('.arrow-left,.arrow-right').hide();
            bannerTimeout=setTimeout(function () {
                bannerInterval=setInterval(showNextBanner,bannerIntervalTime)
            },0);
        });
        var old_user_name=$.cookie('login_name');
        if(old_user_name!=undefined){
            $('#username').val(old_user_name);
        }

        var form = $('#form');
        var submitBtn = $('#submit');

        form.keypress(function(e){
            if(e.keyCode==13){
                submitBtn.click();
            }
        })
        submitBtn.click(function () {
            var user_name=$('[name="name"]');
            var user_name_val=user_name.val();
            var password=$('[name="pwd"]');
            var password_val=password.val();
            if(user_name_val.length<1){
                toastr.error('请输入用户名');
                user_name.focus();
                return false
            }
            if(password_val.length<1){
                toastr.error('请输入密码');
                password.focus();
                return false
            }
        });
        function showNextBanner(){
            var now=$('#banner .banner-nav .active').attr('data-index');
            var next=parseInt(now,10)+1;
            if(next<1){
                next=bannerNum;
            }
            if(next>bannerNum){
                next=1;
            }
            showBanner(next);
        }
        function showBanner(index){
            $('#banner .banner-nav .active').removeClass('active');
            $('#banner .banner-nav li').eq(index-1).addClass('active');
            $('#banner').attr('class','index-banner').addClass('show'+index);
        }
    });
</script>
<script type="text/javascript">
    jQuery(document).ready(function() {
        App.init();
    });
</script>

  • 写回答

2条回答 默认 最新

  • xxm_csdn 2015-05-01 09:10
    关注

    首先你用jquery,你要先引入框架 ;你这是嘛?<!--[if IE 8]>

    <![endif]-->
    再就是登陆无非就是用户名和密码的验证;
    点击登陆按钮会触发你写的验证函数,你确定你的按钮绑定了函数吗/
    $('#user').val() 用户名的值,$('#pwd').val() 密码,
    如果你只写静态页面,给个值比较一下就完了,对的话,打开另一个页面,不对给出提示

    评论

报告相同问题?

悬赏问题

  • ¥15 #MATLAB仿真#车辆换道路径规划
  • ¥15 java 操作 elasticsearch 8.1 实现 索引的重建
  • ¥15 数据可视化Python
  • ¥15 要给毕业设计添加扫码登录的功能!!有偿
  • ¥15 kafka 分区副本增加会导致消息丢失或者不可用吗?
  • ¥15 微信公众号自制会员卡没有收款渠道啊
  • ¥15 stable diffusion
  • ¥100 Jenkins自动化部署—悬赏100元
  • ¥15 关于#python#的问题:求帮写python代码
  • ¥20 MATLAB画图图形出现上下震荡的线条