Jquery Validation File Upload
Code snippet below are for jquery validation file upload which file is not required, but when file is chosen, we need to check extension and size
jQuery.validator.addMethod("accept", function (value, element, param) { return value.match(new RegExp("." + param + "$")); }); $("input[type=file]").on("blur", function () { $("input[type=file]").each(function () { if ($(this).val() != '') { $(this).rules("add", { filesize: "1000000" accept: "png|jpe?g|doc|xls|ppt|docx|xlsx|pptx|pdf|tif|gif|bmp", required: false, messages: { accept: "extension not allowed", filesize: "file is too big" } }); } }); }); $("input[type=file]").valid(); //to trigger message automatically