jQuery Validate插件,用于多文件上传验证

时间:2017-01-24 16:03:56

标签: jquery jquery-validate

我有一个文件上传字段,可以选择并上传多个文件,我使用jquery Validate插件进行字段验证,单个文件上传我可以成功利用这个插件功能,但我不知道如何使用这与多文件上传文件,这是我的HTML

<input type="file" required="" name="design_src[]" multiple id="design_src" />

对于单个文件上传我在js下方使用,并按预期工作:&gt;

$('#myForm').validate({
       rules: {
           design_src: {
                         required: true,
                         extension: "jpg|jpeg|png",
                         filesize: 20971520,  
                      }

})

我尝试使用&#39; design_src []&#39;在规则中这样,但不工作,我怎样才能实现这一点。

1 个答案:

答案 0 :(得分:3)

请检查一下。

  1. 你最后没有关闭一个括号&#34;}&#34;

  2. 对于单个输入,您可以使用design_src,对于您应该使用的多个数组&#34; design_src []&#34;

  3. http://jsfiddle.net/rq5ra/1060/

    HTML

    <form id="createprofile">
      <input type="file" required="" name="design_src[]" multiple/>
      <input type="submit" />
    </form>
    

    JQuery的

    $('#createprofile').validate({
       rules: {
           "design_src[]": {
                         required: true,
                         extension: "jpg|jpeg|png",
                         filesize: 20971520,  
                      }
            }
    });