La solución que te propongo es: 1- Ponerle la propiedad ``disabled`` por defecto al botón para subir los archivos, ya que al inicio no deberia tener documentos cargados. 2- Crear una función que se ejecute cada vez que detecte un cambio en los ``inputs`` y si hay dos archivos cargados, cambie el valor disabled del botón 3- Asignarle dicha función al evento ``onChange`` de cada ``input`` <!-- begin snippet: js hide: false console: true babel: false --> <!-- language: lang-js --> function uploadEnable(){ const inputXml = document.getElementById("XmlToUpload").files.length; const inputPdf = document.getElementById("pdfToUpload").files.length; const enableButton = inputXml + inputPdf === 2 ? true : false; if(enableButton){ const uploadButton = document.getElementById("upload").disabled = false; } } <!-- language: lang-html --> <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 onChange="uploadEnable()"> </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 onChange="uploadEnable()"> </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" disabled>Subir Documentos</button> </div> </form> <!-- end snippet -->