How i Validation Width and height multiple input image before save using jquey

[DevMahmoud]

i have two input every input upload one image , and i write script to validation width and height for one input only and i don't know i use this script to validation two input.

this is html code:-

<input class="form-control valid" data-val="true" data-val-required="This field is required" id="File1" name="File_ar" type="file" value="">

<input class="form-control valid" data-val="true" data-val-required="This field is required" id="File2" name="File_ar" type="file" value="">

<input type="submit" name="" value="Save" ,="" class="btn btn-primary col-md-2">


and this is script i write it:-

$(document).ready(function () {
            $("form").submit(function (e) {
                var form = this;
                e.preventDefault(); //Stop the submit for now
                //Replace with your selector to find the file input in your form
                var fileInput = $(this).find("File_ar")[0],
                    file = fileInput.files && fileInput.files[0];
 
                console.log(file)
                if (file) {
                    var img = new Image();
 
                    img.src = window.URL.createObjectURL(file);
 
                    img.onload = function () {
                        var width = img.naturalWidth,
                            height = img.naturalHeight;
 
                        window.URL.revokeObjectURL(img.src);
 
                        if (width == 1024 && height == 358) {
                           form.submit(); 
                        }
                        else
                        {
                            alert('image must be 1024*358');
                        }
                    };
                }
            });
        });