Javascript 如何使自定义jQuery验证规则工作？

这是我的表格：

<form class= "myForm" action="someAction" method="post">
  <fieldset>
    <input type="hidden" name="source" value="zions_direct" />
    <ul class="cf">
      <li>
        <label for="firstname">First Name</label>
        <input type="text" name="firstName" id="firstName" placeholder="First Name" class="text" />
      </li>
      <li>
        <label for="lastname">Last Name</label>
        <input type="text" name="lastName" id="lastName" placeholder="Last Name" class="text" />
      </li>
      <li>
        <label for="email">Email Address</label>
        <input type="email" name="email" id="input-email" placeholder="Email Address" class="text" />
      </li>
      <li>
        <input type="submit" alt="Send My Form" target="_blank" value="SUBMIT" />
      </li>
    </ul>
  </fieldset>
</form>

我错过了什么？内置的email:true可以工作，但我的自定义email不可以。非常感谢您的时间和帮助。

名称方法不是此插件的一部分。我在你的OP中没有看到你使用.addMethod创建它的地方，所以在它评估你的nameCheck规则之前，验证会被卡住

---

name方法不是插件的一部分。除非您还使用.addMethod创建了它，否则这肯定是个问题。请检查您的Javascript控制台是否有错误。@Sparky这就是问题所在，我已将“name”重命名为“nameCheck”，并忘记在添加规则之前删除这一行。那太傻了。但是谢谢，如果你想发布我可以接受的答案。。。

function validator() {
  $.validator.addMethod('nameCheck', function(value, element) {
    return /^([a-zA-Z .'-]{3,80})+$/.test(value);
  }, 'Please type a valid name');

$('.myForm').validate({
  rules: {
    firstName: {
      required: true,
      name: true,
      nameCheck: true
    },
    lastName: {
      required: true,
      name: true,
      nameCheck: true
    },
    email: {
      required: true,
      email: true
    }
  }
});

firstName: {
    required: true,
    name: true,  // <- what is this? 
    nameCheck: true
},