javascript - jquery 没有从输入中得到结果

Question

为什么我没有从输入中获取值？我用警告框检查了它，没有任何值。我没有看到任何错误的代码，或者我可能忘记了要在我的代码上写的东西

<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>

Answer 1

使用 val() 而不是 text()

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

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