Javascript / php：当用户输入与数据库中的数据匹配的单词时，如何自动禁用文本字段？

Question

你好，我还是javascript和php的新手。我想问一下有关上述标题的问题。 如果用户在单击提交之前输入与数据库中的数据匹配的单词，如何禁用输入字段？ 示例：当用户通过在文本字段中键入一些名称进行注册时，下一个文本字段会自动禁用，因为它是 已经存在于数据库中。

的config.php

printf()

dbquery.php：

<? $host = 'localhost';
   $user = 'root';
   $pass = 'abcde';
   $db = 'register';
?>

的Javascript / HTML：

<?
require ('config.php');

$link = mysqli_connect ($host,$user,$pass,$db);
$usernameq = "select user_name from register where username = '".$_POST['userN']."'";
$result = myqli_query($link,$usernameq)
if(!$result){
    die('invalid query');
    }
else {}
}
?>

以上是我最早用于在尝试执行项目时尝试错误的代码。我需要使用复杂的ajax代码吗？