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>
答
您的输入类型更改为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>
+0
哦,多么愚蠢我是哈哈哈谢谢! – user5567987
答
使用val()
写,而不是text()
$('.user').val();
对于所有类型的input
元素,select
和textarea
的你使用val()
来获得它的价值。并使用其余元素text()
来获取这些元素的内部文本
答
来自输入字段的值通常通过.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);
}
});
});
});
答
您需要使用.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>
答
输入不必通过文本,而是由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>
希望它可以帮助
答
使用.val()
而不是.text()
来检索值。 并将用户的输入类型从input
更改为text
.i.e。 <input type="text" class="user" placeholder="Username"/>
而不是文字...使用val() – Geeky