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 --> const inputXml = document.getElementById("XmlToUpload"); const inputPdf = document.getElementById("pdfToUpload"); const uploadButton = document.getElementById("upload"); function uploadEnable(){ const enableButton = inputXml.files.length + inputPdf.files.length === 2 ? true : false; uploadButton.disabled = enableButton ? false : true; } // esto es para cancelar la carga, se lo asigné al evento onClick del boton Cancelar function cancelUpload(){ inputXml.value = ""; inputPdf.value = ""; uploadEnable(); } <!-- 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 onClick="cancelUpload()" 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 -->