表单验证器插件的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>

​