Jquery使用一个输入文件多个验证

Posted

技术标签:

【中文标题】Jquery使用一个输入文件多个验证【英文标题】:Jquery validate with one input file multiple 【发布时间】:2020-01-05 11:16:31 【问题描述】:

我有一个<input type="file" id="file" name="file[] multiple> 并且 jQuery 不起作用(当然它不是注释行)。 Firefox 开发工具中没有错误消息。这是我正在使用的 jQuery 验证代码

$("#form_bug").validate(
  rules: 
    file: 
      accept: "image/*",
    ,
  ,
  messages: 
    file: 
      accept: "<?php echo $lang['err_file'] ?>"
    ,
  ,
);

当输入中选定的文件之一不是图像时,我希望 jQuery 阻止提交表单。

【问题讨论】:

【参考方案1】:

我的html没有任何问题,我只是糟糕地复制了它

我尝试了你的想法,但它不起作用,因为 html id 是“file”而 jquery 是“file []”,所以我更改了 html 并且它可以工作! 缺少的想法是jquery中“file []”的引用,它之前给了我一个错误

感谢您的提示。

【讨论】:

以上是关于Jquery使用一个输入文件多个验证的主要内容,如果未能解决你的问题,请参考以下文章

使用 jquery 验证器验证具有相同名称的多个文本框仅验证第一个输入

在 JQuery 验证中验证由空格分隔的多个单词输入?

当多个输入具有相同名称时,根据输入类型设置 jquery 表单验证

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

使用 jQuery 验证验证和访问多个页面上的表单

jQuery验证插件清除IE中的文件输入值