jquery输入文件验证

时间:2013-05-21 15:31:04

标签: jquery jquery-plugins

我已经验证了输入文件,但是当规则仅适用于required规则而不符合accept规则和filesize规则时,我遇到了问题,此处我的代码

$('#myform').validate({
    rules: { image: { required: true, accept: "bmp", filesize: 1048576  }},
    messages: { image:{ required: "insert image", accept: "must in jpg,png and bimp format", filesize: "less than 1MB"  }}
});

当我没有插入图像验证工作时,会发生消息错误,但是当我插入的图像不是bmp格式或图像大小超过1MB时,验证不起作用

请帮帮我..

感谢..

1 个答案:

答案 0 :(得分:2)

您可以为该

添加验证方法
$.validator.addMethod("uploadFile", function (val, element) {
    var ext = $(element).val().split('.').pop().toLowerCase();
    var allow = new Array('bmp');
    var size = element.files[0].size;

    if (jQuery.inArray(ext, allow) == -1 || size > 1048576) {
        return false
    } else {
        return true
    }

}, "Invalid file");

并像这样使用它 -

rules: {
    image: {
       required: true,
       uploadFile:true
    }
}

演示--> http://jsfiddle.net/pEnDY/2/