Estoy cargando dos archivos separados a mi server uno corresponde a un XML y el otro a un archivo PDF pero quisiera que al seleccionar ambos archivos se habilite el botón para Subir Documentos, el siguiente es el código con el construyo los input
y el botón de Subir Documentos.
<form action="" enctype="multipart/form-data">
<div class="form-group row">
<label for="fileToUpload" class="col-sm-3 col-form-label"> Archivo XML:</label>
<div class="col-sm-8">
<input type="file" name="fileToUpload" id="XmlToUpload" class="btn" accept=".xml" required>
</div>
</div>
<div class="form-group row">
<label for="pdfToUpload" class="col-sm-3 col-form-label">Archivo PDF:</label>
<div class="col-sm-8">
<input type="file" name="pdfToUpload" id="pdfToUpload" class="btn" accept=".pdf" required>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
<button type="button" id="upload" class="btn btn-success">Subir Documentos</button>
</div>
</form>
Quisiera saber si existe una manera de habilitar el botón de Subir Documentos solo hasta el momento en el que ambos input se encuentre seleccionado los archivos para subir.