如何知道，如果輸入的值等於什麼

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."); 
     } 
    });