$.validator.addMethod("filesize", function(value, element, param) { return this.optional(element) || (element.files[0].size <= param * 1000000) }, 'File size must be less than {0} MB');
$().ready(function() { $("#add-images").validate({ rules: { "Attachemnts[]": { accept: "audio/,video/,image/*,.pdf, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document", maxfiles: 3, filesize: 2 }, }, messages: { "Attachemnts[]": { accept: "Only few formats are accepted(eg: audio,video,image and pdf)", filesize: "File size must be less than 2 MB" }, } }); });
$.validator.addMethod("filesize", function(value, element, param) {
return this.optional(element) || (element.files[0].size <= param * 1000000)
}, 'File size must be less than {0} MB');
$().ready(function() {
$("#add-images").validate({
rules: {
"Attachemnts[]": {
accept: "audio/*,video/*,image/*,.pdf, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document",
maxfiles: 3,
filesize: 2
},
},
messages: {
"Attachemnts[]": {
accept: "Only few formats are accepted(eg: audio,video,image and pdf)",
filesize: "File size must be less than 2 MB"
},
}
});
});
<form name="add-pkg" id="add-images" method="POST" enctype="multipart/form-data">
<input name="Attachemnts[]" id="Attachemnts[]" type="file" multiple accept="audio/*,video/*,image/*,.pdf, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document" />
<div class="form-group">
<input type="submit" name="AddImages" value="Add Images" />
</div>
</form>
<script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.3/jquery.validate.js"></script>
<script src="https://cdn.jsdelivr.net/npm/jquery-validation@1.19.3/dist/additional-methods.min.js"></script>