noob question ...
昨天有同样的问题。管理让它没有答案的工作。今天,相同的脚本,不同的div-不工作。
它的HTML
<div class="imgform">
<form>
Login:
<input type="text" id="imglogin" name="login">
Password:
<input type="password" id="imgpass" name="pass">
<a class="imglogin" href="#">Login</a>
</form>
</div>
自己的剧本
$(".imglogin").click(function(){
var password = "111";
if($("#imgpass").val() !== password) {
$("#imgform").text("Incorrect password");
} else {
window.location.href = "http://google.com";
} });
几次看过剧本。无法弄清楚我的错误在哪里
答案 0 :(得分:1)
如果密码错误而另一个缺少大括号.imgform
#imgform
代替}
$(".imglogin").click(function(){
var password = "111";
if($("#imgpass").val() != password) {
$(".imgform").text("Incorrect password");
} else {
window.location.href = "http://google.com";
}
});
<div class="imgform">
<form>
Login:
<input type="text" id="imglogin" name="login" />
Password:
<input type="password" id="imgpass" name="pass" />
<a class="imglogin" href="#">Login</a>
</form>
</div>
答案 1 :(得分:1)
您必须在<head>
块
<script src="//code.jquery.com/jquery-1.9.1.js" type="text/javascript">
HTML(添加了一个id为imgform的div来显示任何答案)
<div class="imgform">
<form>Login:
<input type="text" id="imglogin" name="login">Password:
<input type="password" id="imgpass" name="pass">
<a class="imglogin" href="#">Login</a>
<div id="imgform"></div>
</form>
</div>
试试这个
$(window).load(function(){
$(".imglogin").click(function () {
console.log('working')
var password = "111";
if ($("#imgpass").val() != password) {
$("#imgform").text("Incorrect password"); //I added div with id imgform
} else {
window.location.href = "http://google.com";
}
});
});
答案 2 :(得分:0)
你错过了if语句的结束大括号 -
$(".imglogin").click(function(){
var password = "111";
if($("#imgpass").val() !== password) {
$(".imgform").text("Incorrect password"); // using a class instead of an id here
} else {
window.location.href = "http://google.com";
} // right here
});