如何在多个字段上使用jquery验证？

<script src="https://cdn.jsdelivr.net/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/jquery.validate.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').validate({
    rules: {
      name: {
        required: true
      },
      email: {
        required: true,
        email: true
      }
    },
    messages: {
      name: {
        required: "请输入姓名"
      },
      email: {
        required: "请输入邮箱",
        email: "请输入有效的邮箱地址"
      }
    }
  });
});

$.validator.addMethod("phone", function(value, element) {
  return this.optional(element) || /^\d{11}$/.test(value);
}, "请输入有效的手机号码");

phone: {
  required: true,
  phone: true
}