我有多个提交按钮和第二个表单的验证问题

<form id="form1">
  <!-- 第一个表单 -->
  <!-- 表单元素 -->
  <input type="text" name="name" required>
  <!-- 提交按钮 -->
  <button id="submit1">提交表单1</button>
</form>

<form id="form2">
  <!-- 第二个表单 -->
  <!-- 表单元素 -->
  <input type="email" name="email" required>
  <!-- 提交按钮 -->
  <button id="submit2">提交表单2</button>
</form>

// 获取提交按钮元素
var submitBtn1 = document.getElementById("submit1");
var submitBtn2 = document.getElementById("submit2");

// 添加点击事件监听器
submitBtn1.addEventListener("click", function(event) {
  // 执行表单1的验证逻辑
  event.preventDefault(); // 阻止表单默认提交行为
  validateForm1();
});

submitBtn2.addEventListener("click", function(event) {
  // 执行表单2的验证逻辑
  event.preventDefault(); // 阻止表单默认提交行为
  validateForm2();
});

// 表单1验证逻辑
function validateForm1() {
  var form1 = document.getElementById("form1");
  // 执行表单1的验证逻辑，例如检查输入是否为空等
  if (form1.checkValidity()) {
    form1.submit(); // 提交表单1
  } else {
    alert("请填写必要信息");
  }
}

// 表单2验证逻辑
function validateForm2() {
  var form2 = document.getElementById("form2");
  // 执行表单2的验证逻辑，例如检查邮箱格式等
  if (form2.checkValidity()) {
    form2.submit(); // 提交表单2
  } else {
    alert("请输入有效的邮箱地址");
  }
}