使用jquery验证验证2个表单

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<form id="form1">
  <input type="text" id="input1" placeholder="请输入内容">
  <button type="submit">提交</button>
</form>

<form id="form2">
  <input type="email" id="input2" placeholder="请输入邮箱">
  <button type="submit">提交</button>
</form>

$(document).ready(function() {
  $('#form1').validate({
    rules: {
      input1: {
        required: true,
        minlength: 5
      }
    },
    messages: {
      input1: {
        required: "请输入内容",
        minlength: "内容长度不能少于5个字符"
      }
    }
  });

  $('#form2').validate({
    rules: {
      input2: {
        required: true,
        email: true
      }
    },
    messages: {
      input2: {
        required: "请输入邮箱",
        email: "请输入有效的邮箱地址"
      }
    }
  });
});

$(document).ready(function() {
  $('#form1').validate({
    // 省略其他配置...
    submitHandler: function(form) {
      // 表单验证通过，执行相应操作
      alert('表单1验证通过');
      form.submit(); // 提交表单
    }
  });

  $('#form2').validate({
    // 省略其他配置...
    submitHandler: function(form) {
      // 表单验证通过，执行相应操作
      alert('表单2验证通过');
      form.submit(); // 提交表单
    }
  });
});