JQuery 验证：验证隐藏字段

Question

自发布 JQuery 验证插件版本 1.9.0 以来，隐藏字段已自动从验证检查中省略 [source]。

根据release notes，解决方法是在验证函数中设置ignore: []。

使用版本 1.10.0，我无法让它适用于使用 display: none 或 visibility: hidden 隐藏的输入字段。

我的验证是使用类完成的（例如，class="required"），验证功能相当基本：

JQuery

$("form").validate({
    ignore: [],  
    errorPlacement: function(error, element) {
        error.appendTo( $('#error-message') )
    },
    invalidHandler: function() {
        //do something 
    },
    submitHandler: function() {
        //do something else
    }
});

工作示例：http://jsfiddle.net/fbCVY/

谁能指出我哪里出错了？

Answer 1

我认为您需要为每个 input 标签提供唯一的 id 和唯一的 name 属性，以便验证插件可以找到字段并区分它们。这两个“隐藏”字段没有通过验证，因为表单上的第一个字段通过了，并且该结果用于其他两个字段。

Answer 2

尝试规则：

$("form").validate({
    ignore: "",
    rules: {
        name: ["aa", "ee"]
    },  
    errorPlacement: function(error, element) {
        error.appendTo( $('#error-message') )
    },
    invalidHandler: function() {
        //do something 
    },
    submitHandler: function() {
        //do something else
    }
});

Jsfiddle

您好。