在HTML表单上使用JQuery验证创建Javascript表

<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>

<form id="myForm">
  <label for="name">姓名：</label>
  <input type="text" id="name" name="name" required>
  <br>
  <label for="email">邮箱：</label>
  <input type="email" id="email" name="email" required>
  <br>
  <input type="submit" value="提交">
</form>

$(document).ready(function() {
  $('#myForm').submit(function(event) {
    event.preventDefault(); // 阻止表单默认提交行为

    var name = $('#name').val();
    var email = $('#email').val();

    // 验证规则
    if (name === '') {
      alert('请输入姓名');
      return false;
    }

    if (email === '') {
      alert('请输入邮箱');
      return false;
    }

    if (!isValidEmail(email)) {
      alert('请输入有效的邮箱');
      return false;
    }

    // 表单验证通过，可以进行提交操作
    // ...

    return true;
  });

  function isValidEmail(email) {
    // 邮箱验证逻辑
    // ...

    return true; // 返回true表示验证通过
  }
});