驗證文件擴展只有當文件字段不是空的使用jQuery驗證插件

Question

我想實現，如果文件字段不是空的，然後只驗證其他明智而不是更新詳細信息表單。

我使用https://jqueryvalidation.org/插件下面的代碼：

jQuery.validator.addMethod("filetype", function(value, element) { 
    var types = ['jpeg', 'jpg', 'png'], 
     ext = value.replace(/.*[.]/, '').toLowerCase(); 

    if (types.indexOf(ext) !== -1) { 
      //$("#city_banner-error").html(''); 
     return true; 
    } 
    return false; 
}); 

Answer 1

試試這個：

的Jquery：

$(document).ready(function(){ 
    jQuery.validator.addMethod("filetype", function(value, element) { 
    var types = ['jpeg', 'jpg', 'png'], 
     ext = value.replace(/.*[.]/, '').toLowerCase(); 

    if (types.indexOf(ext) !== -1) { 
      //$("#city_banner-error").html(''); 
     return true; 
    } 
    return false; 
    }, 
    "Please select allowed file" 
); 
    $('#frm').validate({ 
    rules: 
    { 
     file: 
     { 
     filetype: true 
     } 
    } 
    }); 
}); 

的Html

<form id="frm" name="frm"> 
    <input type="file" name="file" /> 
</form> 

Working fiddle

Answer 2

無需編寫任何新規則。只需使用內置於插件中的the extension method即可。它是the additional-methods.js file的一部分。

$("#myform").validate({ 
    rules: { 
     field: { 
      required: true, 
      extension: "xls|csv" 
     } 
    } 
});