首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >表单验证器插件的jQuery文件验证不起作用

表单验证器插件的jQuery文件验证不起作用
EN

Stack Overflow用户
提问于 2019-12-31 13:41:41
回答 1查看 43关注 0票数 0

我正在尝试用formvalidator.net插件验证输入文件类型,但没有显示错误,下面的代码有什么问题?对于其他类型的输入,它工作得很好。下面是我正在做的例子:

代码语言:javascript
复制
<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>

如果这个插件不能工作,那么最好的表单验证插件是什么?

EN

回答 1

Stack Overflow用户

发布于 2019-12-31 14:03:59

检查下面的小提琴。我刚刚使用了你的代码,它给出了预期的验证消息。

代码语言:javascript
复制
(function($){
    $.validate({
        form : '#form',
        modules : 'file'
    });
})(jQuery);
代码语言:javascript
复制
<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>

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/59540051

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档