jquery validate accept method - TypeError: Cannot read property 'call' of undefined

Question

我想使用验证插件检查上传文件类型。

但我收到以下错误消息：

Uncaught TypeError: Cannot read property 'call' of undefined.
Exception occurred when checking element file, check the 'accept' method.

这是我的表格。

<form id="upload" enctype="multipart/form-data">
    <div class="control-group">
        <div class="controls">
            <input id="file" name="file" type="file">
        </div>
        <div class="form-group">
            <button class="btn btn-primary" onclick="Submit()" type="button">Submit</button>
        </div>
    </div>
</form>

这是我的 JavaScript：

var Submit=function(){
    var validator = $('#upload').validate({
        rules:{
            file: {
                required: true,
                accept: "audio/*, video/*"
            }
        },
        message: {
            file:"Invalid file type"
        }
   });

    validator.form();
}

Answer 1

要使用 "accept" 方法，您需要包含 jQuery 验证其他方法文件。只需将其包含在您的验证文件之后：

<script src="http://jqueryvalidation.org/files/dist/jquery.validate.min.js"></script>
<script src="http://jqueryvalidation.org/files/dist/additional-methods.min.js"></script>

然后尝试像这样启动您的验证器：

$(document).ready(function(){
    $("#upload").validate({
        ...settings...
    });
});

并从您的按钮中删除 onClick 和 type="button" 属性。

这是文档：

http://jqueryvalidation.org/validate/

Answer 2

我遇到了同样的问题，但我得到了解决方案我在上面的脚本中添加了以下代码 jquery 验证脚本

$.validator.addMethod('filesize', function (value, element, param) {
    return this.optional(element) || (element.files[0].size <= param)
}, 'File size must be less than {0}');

之后你必须添加自己的验证脚本

var Submit=function(){
    var validator = $('#upload').validate({
        rules:{
            file: {
                required: true,
                accept: "audio/*, video/*"
            }
        },
        message: {
            file:"Invalid file type"
        }
   });

    validator.form();
}

jquery validate accept method - TypeError: Cannot read property 'call' of undefined

jquery validate accept method - TypeError: Cannot read property 'call' of undefined

javascript

jquery

jquery-validate