忽略元素验证 html - Jquery 验证

Question

我的表格如下所示：

<form action="..." name="editPost">
    <div class="main">
     <input type="text">
     <input type="text">
     <input type="text">
     <input type="text">
     <input type="text">
    </div>

    <ul class="form_template">
        <li><input type="text" id="question1"></li>
        <li><input type="text" id="question2"></li>
        <li><input type="text" id="question3"></li>
        <li><input type="text" id="question4"></li>
        <li><input type="text" id="question5"></li>
    </ul>
</form>

我的js代码是：

var validator = $("form[name='editPost']").validate();

我的目标是仅验证 main id 字段，其余的不验证。

最后，我的问题是 如何忽略 form_template class

的验证

Answer 1

您可以在配置对象中设置 ignore 属性进行验证。

$("form[name='editPost']").validate({
   ignore: ".form_template"
});

来源：jQuery Validation Plugin docs：见ignore选项。

Answer 2

ignore 属性只适用于输入，你可以做一个正则表达式来忽略一组输入，但条件是它的名称以相同的名称开头，例如，你有几个字段这些：

        <input type="text" required="required" name="h1" id="goal1">
        <input type="text" required="required" name="h2" id="goal2">
        <input type="text" required="required" name="h3" id="goal3">
        <input type="text" required="required" name="h4" id="goal4">
        <input type="text" required="required" name="h5" id="goal5">

注意id attr，它以相同的字符串开头，但实际上是不同的，最后像这样配置ignore attr：

            $("form[name='editPost']").validate({
               ignore: "input[id^='goal']"
            });

忽略元素验证 html - Jquery 验证

Ignore validation for an element html - Jquery validation

javascript

jquery

jquery-validate