JSFiddle - React, Tailwind, and code Playground
HTML
<div>
<input type="text" name="myName" id="Name">
<input type="file" name="myFile" accept=".jpeg,.png,.pdf">
<input type="ubmit" value="Upload File" class="submit" id="submit" disabled="disabled"
onclick="this.value='Uploading..';
google.script.run.withSuccessHandler(fileUploaded).uploadFiles(this.parentNode);
return false;">
</div>
JavaScript
$(':input').on('change keyup', function () {
var k = checking();
if (k) $('.submit').prop('disabled', true);
else $('.submit').prop('disabled', false);
});
function checking() {
var inc = 0;
$(':input:not(:submit)').each(function () {
if ($(this).val() == "") inc++;
});
return inc;
}