无法获得jquery表单输入验证工作

时间:2014-04-09 16:49:12

标签: jquery

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";   

}         });

几次看过剧本。无法弄清楚我的错误在哪里

3 个答案:

答案 0 :(得分:1)

如果密码错误而另一个缺少大括号.imgform

,则应使用#imgform代替}

检查此 Demo jsFiddle

的jQuery

$(".imglogin").click(function(){

    var password = "111";
    if($("#imgpass").val() != password) {
        $(".imgform").text("Incorrect password");
    } else {
        window.location.href = "http://google.com";   
    }
});

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>

答案 1 :(得分:1)

您必须在<head>

中加载jquery
<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";
    }
});
});

DEMO

答案 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
});