如何使用 jQuery 验证插件验证整个页面？

Question

在某些情况下使用 jQuery 验证插件很容易，比如这个，来自官方文档，here:

<form class="cmxform" id="commentForm" method="get" action="">
  <fieldset>
    <legend>Please provide your name, email address (won't be published) and a comment</legend>
    <p>
      <label for="cname">Name (required, at least 2 characters)</label>
      <input id="cname" name="name" minlength="2" type="text" required>
    </p>
    <p>
      <label for="cemail">E-Mail (required)</label>
      <input id="cemail" type="email" name="email" required>
    </p>
    <p>
      <label for="curl">URL (optional)</label>
      <input id="curl" type="url" name="url">
    </p>
    <p>
      <label for="ccomment">Your comment (required)</label>
      <textarea id="ccomment" name="comment" required></textarea>
    </p>
    <p>
      <input class="submit" type="submit" value="Submit">
    </p>
  </fieldset>
</form>
<script>
$("#commentForm").validate();
</script>

但是，如果您本身没有 "form"，但又想对整个页面应用验证怎么办？

我试过这个：

$(window).load(function () {
    . . .
    this.validate();
});

...不过好像不行。相关问题 .

Answer 1

您需要验证表单。因此您可以使用 :

进行验证

$('#commentForm').validate();

或

$('#commentForm').valid();

提交按钮点击事件

Answer 2

But what if you don't have a "form" per se, but want to apply validation to your entire page?

该插件很可能依赖于本机（或 jquery）submit() 功能。无论何时创建表单，都应该尝试使用 <form> 标签。至少出于语义原因，如果没有别的。

如何使用 jQuery 验证插件验证整个页面？

How can I validate an entire page with the jQuery Validate plugin?

jquery

jquery-validate