javascript - 您必须在表单元素上使用 JQuery 验证插件 validate() 吗？

Question

我有一个母版页，在该母版页中我有:

<form id="form1" runat="server">
   <asp:ContentPlaceHolder ID="MainContent" runat="server">             
   </asp:ContentPlaceHolder>
</form>

我的问题是在我的子页面中是否需要使用表单元素来实现验证方法？

例如子形式的脚本:

$("#commentForm").validate({
        rules: {
            name: "required",
            email: "required",
            comment: "required"
        },
        messages: {
            name: "Please enter a name",
            email: "Please enter an email",
            comment: "Enter a comment"
        },

        submitHandler: function(form) {
            form.submit();
        }
    });

子表单 html 是:

<div id="commentForm">
  <fieldset>
    <legend>Please provide your name, email address (won't be published) and a comment</legend>
    <div class="form-group">
      <label for="cname">Name (required, at least 2 characters)</label>
        <input id="cname" class="form-control" name="name" minlength="2" type="text">
    </div>
    <div class="form-group">
      <label for="cemail">E-Mail (required)</label>
        <input id="cemail" class="form-control" type="email" name="email">
    </div>
    <div class="form-group">
      <label for="curl">URL (optional)</label>
        <input id="curl" class="form-control" type="url" name="url">
    </div>
    <div class="form-group">
      <label for="ccomment">Your comment (required)</label>
        <textarea id="ccomment" class="form-control" name="comment" rows="3"></textarea>
    </div>
    <div class="form-group">
      <input class="submit" type="submit" value="Submit">
    </div>
  </fieldset>
</div>

$("#commentForm").validate 将不起作用。但是，如果我将它切换到 $("#form1").validate，它会。

因为我不能嵌套表单，是否可以在父表单元素以外的任何对象上实现验证方法？

Answer 1

来自文档:

.validate()

Description: Validates the selected form.

是的，它假定所选元素是一个表单