如何在表单提交后才显示Div标签？

document.getElementById("myForm").addEventListener("submit", function(event) {
  event.preventDefault(); // 阻止表单默认提交行为
  
  // 获取表单数据
  var formData = new FormData(event.target);
  
  // 判断表单数据是否满足条件
  if (formData.get("username") !== "" && formData.get("password") !== "") {
    // 显示Div标签
    document.getElementById("myDiv").style.display = "block";
  }
});

<?php
if ($_SERVER["REQUEST_METHOD"] == "POST") {
  // 处理表单数据
  
  // 判断表单数据是否满足条件
  if ($_POST["username"] !== "" && $_POST["password"] !== "") {
    // 显示Div标签
    echo '<div id="myDiv" style="display: block;">This is the Div content.</div>';
  }
}
?>

$("#myForm").submit(function(event) {
  event.preventDefault(); // 阻止表单默认提交行为
  
  // 获取表单数据
  var formData = $(this).serialize();
  
  // 发送AJAX请求
  $.ajax({
    url: "submit.php", // 服务器端处理脚本的URL
    type: "POST",
    data: formData,
    success: function(response) {
      // 判断服务器返回的数据
      if (response === "showDiv") {
        // 显示Div标签
        $("#myDiv").show();
      }
    }
  });
});