Javascript 使用jquery获取用户名时禁用按钮

我希望能够有我的表单从提交时，用户名被禁用，我想得到一些帮助

我的js代码是：

$('#username').keyup(function() {
var username = $(this).val();

$('#username_status').html('Searching...');

if (username !='') {
    $.post('username_check.php', { username: username}, function(data) {
        $('#username_status').html(data);
    });
} else{
    $('#username_status').html('');
}
});

以及我的用户名是否存在：

<?php
if(isset($_POST["username"]))
{
define("HOST","localhost");
define("USERNAME","root");
define("PASS","");
define("DBNAME","testingproject");

$connecDB = mysqli_connect(HOST, USERNAME, PASS, DBNAME)or die('could not connect to database');


$username =  $_POST["username"];


$results = mysqli_query($connecDB,"SELECT id FROM attendant WHERE username='$username'");

$username_exist = mysqli_num_rows($results); //records count


if($username_exist) {
  $output= "Sorry, this Username is taken";
  echo ($output);
}else{
  echo('available');
 }
}
?>

php页面上的

if($username_exist) { echo 'yes'; }
else { echo 'no'; }

在js上，

$.post('username_check.php', { username: username}, function(data) {
    if (data == 'yes') {
      // here disable the registration button
    } else {
      // active the registration button
    }
});

希望能有帮助

---

您还可以检查此线程：

是否可以显示控件的代码make keyup？将表单submit移动到Javascript函数中，然后在检查条件后可以使用submit（）。