Question

我正在使用jQuery Validate插件构建一个包含表单的网站。必填字段由必需标签验证，唯一的问题是当使用Foundation框架Accordion模块时，所有模块都经过验证。

提交表单时，所有必填字段都经过验证，但我只需要验证开放式折叠标签（必填字段），请参阅下面的示例：

表格如下：

[Name]*
[Email]*

Tab 1:
[field 1]
[field2*]

Tab 2:
[field 3]
[field 4*]

示例代码：

$("form").validate({
    errorPlacement: function (error, element) {
        if (element.attr("type") == "radio") {
            error.insertBefore(element);
        }
    },
    ignore: ':hidden'
});

示例html（剥离）：

    <form> 
    <div class="row">
        <div class="small-3 columns">
            <label for="right-label" class="text-right">Lastname*</label>
        </div>
        <div class="small-9 columns">
            <input type="text" id="right-label" placeholder="Lastname" required>
        </div>
    </div>
    <div class="row">
        <ul>
            <li class="accordion-item" data-accordion-item>
                <a href="#" class="accordion-title">Option 1</a>
                    <div class="accordion-content" data-tab-content>
                        <div class="row">
                            <div class="small-3 columns">
                                <label for="right-label" class="text-right">Field*</label>
                            </div>
                        <div class="small-9 columns">
                            <input type="text" id="right-label" placeholder="Field" required>
                        </div>
                    </div>
                </a>
            </li>
        </ul>
    </div>

    <button type="submit"class="button round orange">Akkoord</button>
</form>

jQuery Foundation Accordion：Accordion example jQuery验证：jQuery Validate documentation

Jquery使用Foundation Accordion验证表单验证

0 个答案: