Accept=“image/*”和jQuery验证

Question

当我使用模板把手js的html5表单时，我只想上传照片。但是当我使用accept = "image/*"时，jquery验证出现错误。当我上传消息时，总是说“请输入一个带有有效扩展名的值”。

handlebar js的代码

<script id="field_collection-template" type="text/x-handlebars-template">
     {{#each field_collectionList}}
     <div data-role="fieldcontain">
       <label for='name'>{{{name}}}<sup>{{code}}</sup></label>
       <input type="{{kind}}" id="{{idfield}}" name="{{name}}" class="required {{kind}}" accept="image/*">  
     </div>
     {{/each}}
</script>

Answer 1

在Validate.js之后添加以下内容

<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.11.1/additional-methods.js" ></script>

Answer 2

尝试更正标签，如下所示：

accept="image/jpeg，image/gif，image/png"