javascript - JQuery Validation - 限制多个文件上传数量的方法

标签 javascript jquery jquery-validate

我正在使用 JQuery 验证,在我的表单中,我有 4 个多个文件上传输入字段。我想限制前 3 个字段最多包含 3 个文件,最后一个字段最多包含 5 个文件。

理想情况下,我想创建一个新方法,以便我可以为每个字段设置规则,以防将来需要修改。

不幸的是,我的 JQuery 知识(以及一般的编码技能)非常低,并且想知道是否有人能够为我在下面创建的内容中指出正确的方向。

maxupload: function( value, element, param ) {
    return this.optional( element.files.length ) || value <= param;
},

在我的网站上,我创建了以下内容:

$("#survey").validate({
    rules: {
        "outsideImg[]": {
            required: true,
            maxupload : 3,
            }
    },
    messages: {
            "outsideImg[]": {
                required: "You must upload at least 1 image (maximum of 3)",
                maxupload: "You can only upload a maximum of 3 images",
            },
    }
});

如果没有选择任何文件,它会正常工作并返回正确的消息。最大限制不起作用。

任何帮助将不胜感激。

最佳答案

我已经解决了这个问题...而不是删除想法,我会离开这里,以便其他面临问题的人可以看到解决方案。

maxupload: function( value, element, param ) {
    var length = ( element.files.length );
    return this.optional( element ) || length <= param;
},

关于javascript - JQuery Validation - 限制多个文件上传数量的方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27943304/

相关文章:

javascript - 使用javascript将一张透明图像叠加在另一张透明图像上

javascript - 带有 ng-repeat 的 bootstrap-labels 之间没有间距

jquery - 如何在 jquery/php/mysql 中对图像进行排序,与 google picassa 重新排序界面相同?

javascript - 计算字符串长度,包括 'invisible characters' 就像 javascript 和 php 中的\r\n

jquery - Jquery 中的复选框和标签之间显示的验证错误

jquery - 验证 PrettyPhoto 中的表单

javascript - 如何在鼠标悬停时的弹出窗口中显示放大的图像,或者在 RShiny 的 rhandsontable 单元格中显示的图像上的单击事件上显示放大的图像?

javascript - 简单的 Array.prototype 给出了 TypeError

jquery - 如何将 jquery 移动按钮向下移动页面

jquery - JsTree 与 jquery.validate 冲突