отключить кнопку, когда имя пользователя принято jquery

Question

Я хочу, чтобы иметь возможность отключить мою форму при отправке имени пользователя, и я хотел бы получить некоторую помощь в этом.

мой 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'); 
} 
} 
?> 

Answer 1

на 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 
    } 
}); 

надеюсь, что это поможет!

также вы можете проверить эту тему: JQuery/Ajax Post returned data and IF function