简一_hz 2016-10-14 05:17 采纳率: 0%
浏览 1235
已采纳

表单验证自己写的不起作用

我希望只有输入用户名test,密码123456的时候能成功跳转页面,其他情况下提示错误,但是我自己写的scrip都不起作用,为什么?

 <form action="" method="post" id="login-form" >
                <div class="form-group">
                    <div class="col-xs-12  ">
                        <div class="input-group">
                            <span class="input-group-addon"><span class="glyphicon glyphicon-user"></span></span>
                            <input type="text" id="username" name="username" class="form-control" placeholder="用户名" required autofocus>
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-xs-12  ">
                        <div class="input-group">
                            <span class="input-group-addon"><span class="glyphicon glyphicon-lock"></span></span>
                            <input type="text" id="password" name="password" class="form-control" placeholder="密码" required autofocus>
                        </div>
                    </div>
                </div>
                <div class="form-group form-actions">
                    <div class="col-xs-4 col-xs-offset-4 text-center">
                        <button id="login" type="submit" class="btn btn-sm btn-info">登录</button>
                    </div>
                </div>
</from>
 <script>
$(document).ready(function(){
    $('#username').focus();
     $('#login-form').submit(function(){
        val u = $('#username').val();
        val p = $('#password').val();
        if(u != "test"){
            var value = "Wrong username!";
            var tag = $('<span class="tag">'+ value + '</span>');
            $('#username').append(tag);
        }
        if(p != "123456"){
            var value = "Wrong password!";
            var tag = $('<span class="tag">'+ value + '</span>');
            $('#password').append(tag);
        }
        if( u == "test" && p == "123456"){
            $('#login-form').attr('action','home.html');
         }
    });
});
</script>
  • 写回答

6条回答 默认 最新

  • zilin-lynn 2016-10-14 05:53
    关注

    图片说明
    找到原因了,这样就可以了,

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(5条)

报告相同问题?