如何使用其他方法(如异步方法(promises或async-await) )验证表单？

function validateForm(formData) {
  return new Promise((resolve, reject) => {
    // 异步操作，比如检查数据格式或者验证远程数据
    // 如果验证成功，调用resolve()方法并传递验证结果
    // 如果验证失败，调用reject()方法并传递错误信息
    if (formData.name && formData.email) {
      resolve("表单验证通过");
    } else {
      reject("请填写姓名和邮箱");
    }
  });
}

document.querySelector("form").addEventListener("submit", (event) => {
  event.preventDefault(); // 阻止表单的默认提交行为

  const formData = {
    name: document.querySelector("#name").value,
    email: document.querySelector("#email").value,
    // 其他表单字段
  };

  validateForm(formData)
    .then((result) => {
      console.log(result);
      // 表单验证通过，可以继续提交表单或者进行其他操作
      // 例如，可以调用API发送表单数据
    })
    .catch((error) => {
      console.error(error);
      // 表单验证失败，显示错误信息给用户
    });
});

async function validateForm(formData) {
  // 异步操作，比如检查数据格式或者验证远程数据
  // 如果验证成功，返回验证结果
  // 如果验证失败，抛出错误信息
  if (formData.name && formData.email) {
    return "表单验证通过";
  } else {
    throw new Error("请填写姓名和邮箱");
  }
}

document.querySelector("form").addEventListener("submit", async (event) => {
  event.preventDefault(); // 阻止表单的默认提交行为

  const formData = {
    name: document.querySelector("#name").value,
    email: document.querySelector("#email").value,
    // 其他表单字段
  };

  try {
    const result = await validateForm(formData);
    console.log(result);
    // 表单验证通过，可以继续提交表单或者进行其他操作
    // 例如，可以调用API发送表单数据
  } catch (error) {
    console.error(error);
    // 表单验证失败，显示错误信息给用户
  }
});