jQuery的輸入文件驗證

Question

我有驗證輸入文件，但我有一個問題，當一個規則只與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以上未插入圖像驗證是不行的

請幫助我..

感謝..

Answer 1

您可以添加驗證方法爲

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