Question

我有一个用户在上传到我的数据库之前填写的表单。该表单允许用户上传最多3张图片，我想让用户上传至少一张图片，所以我想让它成为必需品。但是，我似乎无法使用jquery的validate插件，因为文件输入的名称被集中在一个数组中。

我的jQuery代码（提取）：

$('#BizAddItem').validate({

    errorElement:"span",
    errorPlacement:function(error,element){

        $(error).insertAfter(element);

    },

    rules:{

        //More items validated here

        BizAddItemFiles[]:{

            required:true
        },

    messages:{

        //More items here

        BizAddItemFiles[]:{

            required:"Please upload a file"
        },

    },

    },

    submitHandler:function(form){

    form.submit();

    }

});

我的HTML（摘录）：

//More items above
            <div class='BizAddItemDetails'>
                <label for='BizAddItemFile1'>Upload Image[DP]</label>
                <input type='file' id='BizAddItemFile1' name='BizAddItemFiles[]' />
                <span></span>
            </div>

            <div class='BizAddItemDetails'>
                <label for='BizAddItemFile2'>Upload Image</label>
                <input type='file' id='BizAddItemFile2' name='BizAddItemFiles[]' />
                <span></span>
            </div>

            <div class='BizAddItemDetails'>
                <label for='BizAddItemFile3'>Upload Image</label>
                <input type='file' id='BizAddItemFile3' name='BizAddItemFiles[]' />
                <span></span>
            </div>

//More items below

jQuery给了我一个错误

Uncaught SyntaxError: Unexpected token [

由于方括号，但如果jQuery不接受名称，我将如何验证我的文件上传？

Answer 1

 rules:{

        //More items validated here

        'BizAddItemFiles[]':{

            required:true
        },

    messages:{

        //More items here

        'BizAddItemFiles[]':{

            required:"Please upload a file"
        },

jQuery验证不接受我的表单元素名称

1 个答案: