使用jquery验证接受方法与ie - 任何polyfill

Question

jQuery validate有一个名为accept的额外插件

http://jqueryvalidation.org/accept-method

这允许你做的是验证上传表单上的文件类型

所以你可以有一些看起来像的代码

$("#addNewDocumentForm").validate({
rules: {
     inputDocument: { required: true, accept: "png|jpe?g|gif|pdf"  }
},
messages: {
     inputDocument: "File must be PDF, DOCX, JPG, GIF or PNG"               
},
submitHandler: function(e) {
      ...

问题是在8或9中使用它，因为虽然它将执行所需的部分，但它不会执行接受位，因为它使用HTML5的文件API部分

我想知道是否有人遇到任何类似的问题？如果他们发现任何polyfill等？

Answer 1

您正在犯两个可能的错误之一：

1. 使用错误的规则验证文件扩展名。
2. 使用错误的参数来验证mime-type。

accept方法仅用于mime-type验证。

假设您想通过文件扩展名进行验证，那么您将需要使用extension方法。

阅读并比较两种方法的文档：extension和accept。

accept和extension都是the plugin's own additional-methods.js file的一部分。

$("#addNewDocumentForm").validate({
    rules: {
        inputDocument: {
            required: true,
            extension: "png|jpg|gif|pdf"
        }
    },
    messages: {
        inputDocument: "File must be PNG, JPG, GIF or PDF"               
    },
    submitHandler: function(form) {
        ...