jquery没有从输入中得到结果

为什么我没有从输入中获得价值？我用提醒框检查了它，没有任何价值。我没有看到任何错误代码或也许我可能忘了东西在我的代码jquery没有从输入中得到结果

<div class="login" align="left"> 
         <input type="input" class="user" placeholder="Username"/> 
         <input type="password" class="pass" placeholder="Password"/> 
         <button name="login" class="btnLogin" id="btnLogin">LOGIN</button> 
         <div class="register"><a href="register.php" class="reg">Register Now!</a></div> 
        </div> 



    <script> 
$(document).ready(function(){ 


    $(document).on('click','#btnLogin',function(){ 

     var username = $('.user').text(); 
     var password = $('.pass').text(); 
     alert(username); //------------>this alert box is null 
     $.ajax ({ 
      url:"login_func.php", 
      method:"POST", 
      data:{username:username, password:password}, 
      dataType:"text", 
      success:function(data){ 
       alert(data); 
      } 
     }); 
    }); 

}); 
     </script> 
    </body>

来源

2016-12-03 user5567987

而不是文字...使用val（） – Geeky

您的输入类型更改为text用户名和使用val()代替text()

$(document).ready(function(){ 
 

 

 
    $(document).on('click','#btnLogin',function(){ 
 

 
     var username = $('.user').val(); //here you need to use val() 
 
     var password = $('.pass').val(); //here you need to use val() 
 
     alert(username+ ", "+ password); //------------>this alert box is null 
 
     $.ajax ({ 
 
      url:"login_func.php", 
 
      method:"POST", 
 
      data:{username:username, password:password}, 
 
      dataType:"text", 
 
      success:function(data){ 
 
       alert(data); 
 
      } 
 
     }); 
 
    }); 
 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="login" align="left"> 
 
    <input type="text" class="user" placeholder="Username"/> <!--here you need to add type text--> 
 
    <input type="password" class="pass" placeholder="Password"/> 
 
    <button name="login" class="btnLogin" id="btnLogin">LOGIN</button> 
 
    <div class="register"><a href="register.php" class="reg">Register Now!</a></div> 
 
</div>

来源

2016-12-03 06:16:59 Satendra

哦，多么愚蠢我是哈哈哈谢谢！ – user5567987

使用val()写，而不是text()

$('.user').val();

对于所有类型的input元素，select和textarea的你使用val()来获得它的价值。并使用其余元素text()来获取这些元素的内部文本

来源

2016-12-03 06:12:13

来自输入字段的值通常通过.val访问。

$(document).ready(function(){ 
    $(document).on('click','#btnLogin',function(){ 

     var username = $('.user').val(); 
     var password = $('.pass').val(); 
     alert(username); //------------>this alert box is null 
     $.ajax ({ 
      url:"login_func.php", 
      method:"POST", 
      data:{username:username, password:password}, 
      dataType:"text", 
      success:function(data){ 
       alert(data); 
      } 
     }); 
    }); 

});

来源

2016-12-03 06:12:27

您需要使用.val()而不是.text()因为你试图让输入字段的valuye。 .text()应该用于文本元素等<div>，<p>等

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<body><div class="login" align="left"> 
 
         <input type="input" class="user" placeholder="Username"/> 
 
         <input type="password" class="pass" placeholder="Password"/> 
 
         <button name="login" class="btnLogin" id="btnLogin">LOGIN</button> 
 
         <div class="register"><a href="register.php" class="reg">Register Now!</a></div> 
 
        </div> 
 

 

 

 
    <script> 
 
$(document).ready(function(){ 
 

 

 
    $(document).on('click','#btnLogin',function(){ 
 

 
     var username = $('.user').val(); 
 
     var password = $('.pass').val(); 
 
     alert(username); //------------>this alert box is null 
 
     $.ajax ({ 
 
      url:"login_func.php", 
 
      method:"POST", 
 
      data:{username:username, password:password}, 
 
      dataType:"text", 
 
      success:function(data){ 
 
       alert(data); 
 
      } 
 
     }); 
 
    }); 
 

 
}); 
 
     </script> 
 
    </body>

来源

2016-12-03 06:12:34

输入不必通过文本，而是由VAL（）来获得。

查看此片段。

$(document).ready(function() { 
 

 

 
    $(document).on('click', '#btnLogin', function() { 
 

 
    var username = $('.user').val(); 
 
    var password = $('.pass').val(); 
 
    
 
    alert(username); //------------>this alert box is null 
 
    $.ajax({ 
 
     url: "login_func.php", 
 
     method: "POST", 
 
     data: { 
 
     username: username, 
 
     password: password 
 
     }, 
 
     dataType: "text", 
 
     success: function(data) { 
 
     alert(data); 
 
     } 
 
    }); 
 
    }); 
 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="login" align="left"> 
 
    <input type="input" class="user" placeholder="Username" /> 
 
    <input type="password" class="pass" placeholder="Password" /> 
 
    <button name="login" class="btnLogin" id="btnLogin">LOGIN</button> 
 
    <div class="register"><a href="register.php" class="reg">Register Now!</a> 
 
    </div> 
 
</div> 
 

 

 

 
<script> 
 
</script> 
 
</body>

希望它可以帮助

来源

2016-12-03 06:13:26 Geeky

使用.val()而不是.text()来检索值。并将用户的输入类型从input更改为text.i.e。 <input type="text" class="user" placeholder="Username"/>

来源

2016-12-03 06:30:42

jquery没有从输入中得到结果

回答

相关问题