Submit a form which is in for loop - php

Question

A form within for loop, in this form user add a excel file using input type file,
for ($i = 0; $i < 4; $i++) {
<form id="TypeValidation" method="" enctype="multipart/form-data">
<input type="hidden" id="pii_categoryid" name="pii_categoryid" value="<?php echo $i;?>" />
<div>
<span class="btn btn-rose btn-round btn-file">
<span class="fileinput-new">Select File</span>
<span class="fileinput-exists">Change</span>
<input type="file" name="<?php echo $i;?>_attachment" id="<?php echo $i;?>_attachment" accept=".xlsx, .xls, .csv" />
</span>
<i class="fa fa-times"></i> Remove
<button type="submit" name="add_file" id="add_file" value="<?php echo $i;?>_file" class="btn btn-success btn-round fileinput-exists">Upload</button>
</div>
</form>
}
This form is submit using jquery here is code
$("#TypeValidation").on('submit',(function(e)
{
var pii_categoryid = $(this).find('input[name="pii_categoryid"]').val();
var fileUploadID = $(this).find('button[name="add_file"]').val();
e.preventDefault();
$.ajax({
url: "fn_dsr_wizard_submit.php?submitid="+fileUploadID,
type: "POST",
data: new FormData(this),
contentType: false,
cache: false,
processData:false,
dataType: "html",
success: function (result) {
alert(result);
//prompt("Copy to clipboard: Ctrl+C, Enter", result);
location.reload();
if(result=='1'){
location.replace("ds_dashboard.php");
}else {
location.replace("ds_dashboard.php");
}
}
});
}
));
My form show like this
When user add client excel file then it is submitted but issue is that when user add donor file or other except client excel then its not submitted.

Answer 1

Try assign different ID and add a class name for each form like:
<form id="TypeValidation<?php echo $i; ?>" class="my-form" method="" enctype="multipart/form-data">
In javascript:
$(".my-form").on('submit',(function(e) { ...