当username值为空时，我的表单会继续提交数据，而代码就是为了避免这种情况。我怎么才能阻止这一切？

// HTML
<form id="myForm" onsubmit="return validateForm()">
  <input type="text" id="username" name="username">
  <input type="submit" value="Submit">
</form>

// JavaScript
function validateForm() {
  var username = document.getElementById("username").value;
  if (username === "") {
    alert("用户名不能为空");
    return false; // 阻止表单提交
  }
  // 其他表单验证逻辑
}

$username = $_POST["username"];
if (empty($username)) {
  // 返回错误信息
  $response = array("error" => "用户名不能为空");
  echo json_encode($response);
  exit; // 终止代码执行
}
// 继续处理数据

<form>
  <input type="text" id="username" name="username" required>
  <input type="submit" value="Submit">
</form>