gpt4 book ai didi

javascript - JS按钮,绑定(bind)功能不起作用

转载 作者:行者123 更新时间:2023-11-30 18:25:39 24 4
gpt4 key购买 nike

我正在使用 js 和 jquery。我有一个正在处理的测试登录页面,但似乎无法使用登录按钮上的绑定(bind)。在 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;
});

最佳答案

试试这个

$(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;
});
});

关于javascript - JS按钮,绑定(bind)功能不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10919258/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com