gpt4 book ai didi

php - 使用 ajax jquery php mysql 检查用户名

转载 作者:行者123 更新时间:2023-11-29 06:10:16 26 4
gpt4 key购买 nike

我有表用户:

  • id : 整数,
  • 用户名:varchar(255),
  • 密码:varchar(255),

我会检查登录名是否存在于数据库中

我尝试使用这段代码 jquery 和 html :

 <div class="form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="first-name">username <span class="required">*</span></label>
<div class="col-md-6 col-sm-6 col-xs-12">
<input type="text" class="form-control col-md-7 col-xs-12" name="username " id="username ">
<span id="availablity"></span>
</div>
</div>
<script type="text/javascript">

$('document').ready(function(){
$('#username').blur(function(){
var username = $(this).val();
$.ajax ({
url = "check.php",
method = "POST",
data = {username :username },
dataType : "text",
success:function(html)
{
$('#availablity').html(html);
}
});
});
});
</script>

页面检查.php :

if(isset($_POST['username'])){
$username = $_POST["username"];
$sql = $db->query("SELECT * FROM users WHERE username = '$username'");
if($sql->rowCount() > 0){
echo '<span class="text-danger">Not Exist</span>';
}else{
echo '<span class="text-success">Exist</span>';
}

}

但是没有结果

最佳答案

请尝试以下代码。

JavaScript 代码

 $('document').ready(function(){
$('#username').change(function(){
var username = $(this).val();
$.ajax ({
url : "check.php",
method : "POST",
data : {username :username },
dataType: "text",
success:function(html)
{
$('#availablity').html(html);
}
});
});
});

并且您提到了 id="username "(带空格),请按如下所示进行更改。

<input type="text"  class="form-control col-md-7 col-xs-12"  name="username" id="username">

关于php - 使用 ajax jquery php mysql 检查用户名,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38654456/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com