如何使用ajax和JavaScript在提交页面前按下4位数字后进行验证？

<form id="myForm">
  <input type="text" id="codeInput" maxlength="4">
  <button type="button" onclick="validateCode()">提交</button>
</form>

function validateCode() {
  // 获取输入框中的验证码
  var code = document.getElementById("codeInput").value;

  // 创建XMLHttpRequest对象
  var xhr = new XMLHttpRequest();

  // 设置请求的处理函数
  xhr.onreadystatechange = function() {
    if (xhr.readyState == 4 && xhr.status == 200) {
      // 验证成功的处理逻辑
      var response = xhr.responseText;
      if (response == "success") {
        // 验证成功，提交表单
        document.getElementById("myForm").submit();
      } else {
        // 验证失败，提示错误信息
        alert("验证码错误，请重新输入！");
      }
    }
  };

  // 发送异步请求
  xhr.open("POST", "validate.php", true);
  xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
  xhr.send("code=" + code);
}

<?php
// 获取前端发送的验证码
$code = $_POST["code"];

// 进行验证码验证
if ($code == "1234") {
  echo "success";
} else {
  echo "failure";
}
?>