Question

在某些情况下使用jQuery validate插件很容易，例如，来自官方文档，其中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>

但是，如果您本身没有“表单”，但想要对整个页面应用验证，该怎么办？

我试过了：

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

......但它似乎不起作用。相关问题here。

Answer 1

您需要验证表单。所以你可以使用：

进行验证

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

OR

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

在提交按钮上单击事件

Answer 2

但是，如果你没有＆＃34;表格＆＃34;本身，但想要对整个页面应用验证？

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

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

2 个答案: