使用 formvalidator 插件进行 jQuery 文件验证不起作用

Question

我正在尝试使用 formvalidator.net 插件验证输入文件类型 但是没有显示错误，下面的代码有什么问题？ 它适用于其他类型的输入。 这是我在做什么的例子：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-form-validator/2.3.26/jquery.form-validator.min.js"></script>
<script>
    (function($){
        $.validate({
            form : '#form',
            modules : 'file'
        });
    })(jQuery);
</script>
<form id="form">
    <input type="file" name="images"
           data-validation="mime size"
           data-validation-allowing="jpg, png, gif"
           data-validation-max-size="512kb"
           data-validation-error-msg-size="You can not upload images larger than 512kb"
           data-validation-error-msg-mime="You can only upload images"
    />
</form>

如果这个插件不起作用，那么表单验证的最佳插件是什么？

Answer 1

检查下面的小提琴。我刚刚使用了您的代码，它按预期提供了验证消息。

(function($){
    $.validate({
        form : '#form',
        modules : 'file'
    });
})(jQuery);

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-form-validator/2.3.26/jquery.form-validator.min.js"></script>

<form id="form">
    <input type="file" name="images"
           data-validation="mime size"
           data-validation-allowing="jpg, png, gif"
           data-validation-max-size="512kb"
           data-validation-error-msg-size="You can not upload images larger than 512kb"
           data-validation-error-msg-mime="You can only upload images"
    />
</form>