jquery-validate：验证不适用于 ui-accordion

Question

我正在使用 jquery-validate 来验证表单。 Jquery-validate 运行良好，如果必填字段为空，则不会发送表单。但是如果我的表单是一个 jquery-ui 手风琴，那么表单就会被发送。

规则：

$("#form_master").validate({
    rules: {
        categorie: "required"
    }});`

手风琴：

$("#accordion").accordion({ autoHeight: true, navigation: true, });

你可以在这里试试：http://jsfiddle.net/Zv76Y/4/

提前感谢您的回答。

Answer 1

这是因为，默认情况下验证器会忽略隐藏元素。

因此，当您使用手风琴时，输入字段会被隐藏，因此不会被验证

$("#form_master").validate({
    ignore: [],
    rules: {
        categorie: "required"
    },
    errorPlacement: function (error, element) {
        if (element.is(":radio")) error.appendTo(element.parent().next().next());
    }
});

演示：Fiddle

注意：您可能必须突出显示有错误的手风琴标签，以便用户现在知道有错误