如何知道，如果输入的值等于什么

Question

因此，对于学校，我正在做一个登录系统网站（没有数据库），所以我有一个这样的输入域：

<input type="text" name="user" id="gebruikersnaam" placeholder="Username"> 

和一个按钮现在

<input type="submit" name="login" id="loginknop2" class="signIn loginhide signin-submit" value="Login"> 

当用户已经把用户名中等于“蒂莫”，并单击该按钮，所以我有这样的代码：登录这样

var gebruikersnaam = $("#gebruikersnaam").val(); 

jQuery(document).ready(function(){ 
    $("#loginknop2").click(function(){ 
     if(gebruikersnaam == "timo"){ 
     console.log("Ja! het werkt."); 
     } 
     else{ 
     console.log("Nee! het werkt niet."); 
     } 
    }); 
}); 

但我无法完成工作，我不知道为什么。

Answer 1

您必须阅读点击处理程序中输入数值，请参见下面的代码

jQuery(document).ready(function(){ 
    $("#loginknop2").click(function(){ 
     var gebruikersnaam = $("#gebruikersnaam").val(); 
     if(gebruikersnaam == "timo"){ 
     console.log("Ja! het werkt."); 
     } 
     else{ 
     console.log("Nee! het werkt niet."); 
     } 
    }); 
}); 

Answer 2

移动

var gebruikersnaam = $("#gebruikersnaam").val(); 

回调里面。

jQuery(document).ready(function(){ 
    $("#loginknop2").click(function(){ 

     var gebruikersnaam = $("#gebruikersnaam").val(); // <-- here 

     if(gebruikersnaam == "timo"){ 
     console.log("Ja! het werkt."); 
     } 
     else{ 
     console.log("Nee! het werkt niet."); 
     } 
    }); 
}); 

，因为你应该阅读点击

Answer 3

后的输入值取textbox值在click处理程序，否则当触发事件，你可能有空字符串在里面。你是不是事件让这可能会导致选择得到失败的文本框的的document.ready值在获得对象ID为gebruikersnaam

$("#loginknop2").click(function(){ 
     var gebruikersnaam = $("#gebruikersnaam").val(); 
     if(gebruikersnaam == "timo"){ 
     console.log("Ja! het werkt."); 
     } 
     else{ 
     console.log("Nee! het werkt niet."); 
     } 
    });