javascript - 使用 jQuery 验证插件验证一些文件输入字段

Question

HTML

<div id="multadpic">
    <input type="file" name="adpic[]" />
</div>

我在这个 div 之后有一个按钮，我可以添加无限文件输入，如下所示：

<div id="multadpic">
    <input type="file" name="adpic[]" />
    <input type="file" name="adpic[]" />
    <input type="file" name="adpic[]" />
    <input type="file" name="adpic[]" />
    <input type="file" name="adpic[]" />
</div>

我将如何使用 jQuery 验证插件来验证它？考虑到我不能在规则中写方括号，但是输入的名称有方括号..

我发现的一个解决方案是在插件之后编写我自己的验证（但我不知道它是否有效，或者它是否是一个糟糕的解决方法）：

jQuery('#myForm').validate(
{
    rules:
    {
        //my rules
    },

    messages:
    {
        //my messages
    },

    submitHandler:
    {
        //my file input validation
    }
});

我一直在阅读很多关于此的问题，但没有答案能解决我的需求。

提前感谢您的关注。

Answer 1

.validate()方括号对插件来说不是问题。您必须简单地将name包含特殊字符的 用引号括起来。

工作演示：

http://jsfiddle.net/grVmG/

jQuery :

$(document).ready(function() {

    $('#myform').validate({
        rules: {
            "field[]": {
                required: true,
                minlength: 5
            }
        },
        messages: {
            "field[]": {
                required: "this is required",
                minlength: "must be at least {0} characters"
            }
        }
    });

});

HTML：

 <input type="text" name="field[]" />