javascript - 只有当数据库中存在ID时才显示输入字段

我正在尝试创建一个PHP表单，要求输入客户ID。如果ID存在，那么我允许用户填写更多关于客户的详细信息，如他的电话号码，地址等。如果ID不存在，我就抛出一个警告说没有这个客户ID存在。

我尝试了下面的代码，但没有任何结果。

<style>
#hidden {
    display: none;
}
</style>

<form method="POST" action="<?php echo $_SERVER['PHP_SELF'];?>">
  <input type="text" name="cust_id">
  <input type="submit" value="Add details" name="check_cust">

  <div id="hidden">
          <input type="tel" name="phone">
  </div>
</form>

<?php
if(isset($_POST['check_cust'])) 
{
    $id = $_POST['cust_id']
    if(idExistsInDatabase($id))
    {
    const obj = document.getElementById('hidden');
    obj.style.display = 'block';
    }
}

当我执行上面的代码时，我得到了以下错误信息:-。

Uncaught TypeError: Cannot read property 'style' of null

我是网页开发的新手，希望得到任何帮助。先谢谢你

EDIT：没关系。我是用AJAX做的。

你在PHP中使用JS代码。你不能这样使用。

你可以使用的方法是在PHP中的echo里面使用脚本标签。比如说

 echo "<script type='text/javascript'>alert('JavaScript code!');</script>";

现在，使你的工作改变你的部分嵌套，如果像下面给出的这个。

if(idExistsInDatabase($id))
{
    echo "<script type='text/javascript'>document.getElementById('hidden').style.display = 'block';</script>";
}

上面的代码应该为你做的工作。