【问题标题】:jQuery Validate plugin for multiple file upload validation用于多个文件上传验证的 jQuery Validate 插件
【发布时间】:2017-01-24 16:03:55
【问题描述】:

我有一个文件上传字段,可以选择和上传多个文件,我正在使用jquery Validate插件进行字段验证,对于单个文件上传我可以成功使用这个插件功能,但我不知道如何使用这是多文件上传文件,这是我的html

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

对于单个文件上传,我在下面使用 js,并且按预期工作:>

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

})

我尝试在规则中使用这样的“design_src[]”,但不起作用,我该如何实现。

【问题讨论】:

  • 你能分享一下jsfiddle链接吗?

标签: jquery jquery-validate


【解决方案1】:

请检查一下。

  1. 你没有在最后“}”结束括号

  2. 对于单个输入,您可以使用 design_src,对于多个数组,您应该使用“design_src[]”

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,  
                  }
        }
});

【讨论】:

  • 你的 jsFiddle 不能正常工作,因为没有这样的方法叫filesize
  • 解决方案可以使用括号。但注意到一个错误。如果我们选择 2 个文件,第一个是正确的图像,第二个是随机文件(例如文本)。没有错误信息。而如果我们选择第一个 txt 文件和第二个图像,它会通过错误。我们如何解决这个问题?
  • filesize not working the actual method of validator in "maxsize" filesize: 434343 //size in bytes 这在插件的additional-method.js文件中可用我们还可以添加多个文件上传的功能限制是 maxfiles : 3 //没有文件
猜你喜欢
  • 1970-01-01
  • 2014-05-14
  • 2017-06-18
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-04-07
  • 1970-01-01
  • 2015-07-17
相关资源
最近更新 更多