使用js验证输入的三个文件

Question

我的表单中有三个输入来上传文件用户可以从1 - 3中选择要上传的n个输入我想检查不是文件高于上述大小文件，所以我使用了以下脚本： / p>

var fileInput = $('.registration_file');
var maxSize = fileInput.data('max-size');
$('#companyRegForm').submit(function(e){
    if(fileInput.get(0).files.length){
        var fileSize = fileInput.get(0).files[0].size; // in bytes
        if(fileSize>maxSize){
            alert('Dateigröße ist mehr dann ' + maxSize + ' bytes');
            return false;
        }
    }
});

mu输入就像：

<input accept=".jpeg,.pdf" data-max-size="500000" name="image_file_1" class="registration_file" type="file">
<input accept=".jpeg,.pdf" data-max-size="500000" name="image_file_2" class="registration_file registration_file_2" type="file">
<input accept=".jpeg,.pdf" data-max-size="500000" name="image_file_3" class="registration_file registration_file_3" type="file">

但在这种情况下，只是第一个输入工作，其他两个没有验证并提交，因为它没有检查文件大小，

我需要这样做。