1

我正在使用 js 和 jquery。我有一个正在处理的测试登录页面,但登录按钮上的绑定似乎有问题。在 Chrome 中,我看到 js 文件正在加载,但是当您单击按钮时,它只会刷新页面。如果您输入错误的信息,它不会显示警报部分或抖动,如果您输入正确的信息,它不会重定向到主页。这是我的代码:

HTML:

<body>
    <div id="content">

        <section class="ui-widget ui-corner-all">
            <header class="ui-widget-header ui-corner-top">
                Test Login
            </header>

            <div class="ui-widget-content ui-corner-bottom">

                <p class="ui-state-error">Uername / Password Incorrect.</p>

                <form>
                    <div>
                        <label for="username">Username:</label>
                        <input id="username" type="text">
                    </div>

                    <div>
                        <label for="password">Password:</label>
                        <input id="password" type="password">
                    </div>

                    <div>
                        <input id="btnLogin" type="submit" value="Login">
                    </div>
                </form>
            </div>
        </section>
    </div>

    <div class="ui-widget-overlay" style"z-index: 1002;"> </div>

</body>

JS:

$(".ui-state-error").hide();

$("#btnLogin").button()

.bind ("click", function() {
    if($("#username").val() != "test" && $("#password").val() != "test") {
        $(".ui-state-error").show();
        $("#login section").effect("shake", 150);
    }
    else {
        document.location = 'index.html';
    }

    return false;
});
4

2 回答 2

2

试试这个

$(function(){
    $("#btnLogin").button().bind ("click", function() {
        if($("#username").val() != "test" && $("#password").val() != "test") {
            $(".ui-state-error").show();
            $("#login section").effect("shake", 150);
        }
        else {
            document.location = 'index.html';
        }

        return false;
    });
});
于 2012-06-06T17:38:42.027 回答
0

检查这个:http: //jsfiddle.net/Q5YeX/

我认为您没有引用正确的 jquery UI lib,或者您以错误的方式引用它

于 2012-06-06T17:59:03.933 回答