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沒有從輸入中得到結果

回答

相關問題