Question

所以对于学校我正在建立一个网站的登录系统（没有数据库），所以我有一个像这样的输入字段：

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

还有一个像这样登录的按钮：

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

现在，当用户输入的用户名等于“timo”并点击按钮时，我就有了这段代码：

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

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

systemChildSubfolder

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中获取textbox值的事件，这可能导致select无法获取id为gebruikersnaam的对象

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

如何知道输入值是否等于某事

3 个答案: