自动显示用户名是否可用于JQuery

Question

我正在尝试查看用户名是否已经在mysql数据库中使用，并且似乎不想工作。 理想情况下，它将在我在表单上键入时显示。 任何帮助将不胜感激，因为我没有发现任何错误的代码。

在我的主页上是jquery，javascript和html的代码。 对应的页面是testusername.php。

<script type="text/javascript">
$(document).ready(function() {
$('#feedback').load('testusername.php').show();
$('#username_input').keyup(function() {
$.post('testusername.php', { username:form.username.value }, 
function(result) {
$('#feedback').html(result).show();
});
});
});
</script>

<form name='form'>
<fieldset>
<legend>Test Form</legend>
Username: <br /><input type='text' id='username_input' name='username'></input>
</fieldset>
</form>
<div id = "feedback"></div>

testusername.php是：

<?php 
include 'functions2.php';
?>
<?php
$username = mysql_real_escape_string($_POST['username']);
$query1a = mysql_query("SELECT * FROM users WHERE username='$username'");
$count = mysql_num_rows($query1a);
if ($count==0)
{
echo "Available";   
}
else {
echo "Username exists";
}
?>

Answer 1

假设您已将jQuery正确加载到pafe中，那么此脚本应该可以处理您的客户端部分。

<script type="text/javascript">
$(document).ready(function() {
  $('#username_input').keyup(function() {
     $.post('testusername.php', { username: $(this).val() },function(result){
      $('#feedback').html(result).show();
     });
   });
});
</script>

对于服务器端，请勿在查询中使用*。 您可以使用SELECT 1 FROM ....也可能要确保您不会成为SQL Injection的受害者。