jquery输入文件验证

我已经验证了一个输入文件，但是当一个规则只使用

必需的

规则，而不使用

接受

规则和

文件大小

规则时，我遇到了一个问题，这里是我的代码

$('#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时，验证无效

请帮帮我

---

谢谢..

您可以为此添加验证方法

$.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
    }
}

演示

-->

它在这里工作

-->

。。。好。。您的浏览器控制台是否有任何错误？请查看：