JSFiddle - React, Tailwind, and code Playground

HTML

<form>
    <label>Email 1
        <input id="emailrequerido1" name="email_contactopadrino" class="email_contactopadrino" type="email" value="If there is memorized text the button doesnt enable" />
    </label>
    <br/>
    <label>Email 2
        <input id="emailrequerido2" name="email_contactopadrino" class="email_contactopadrino" type="email" />
    </label>
    <br/>
    <label>Email 3
        <input id="emailrequerido3" name="email_contactopadrino" class="email_contactopadrino" type="email" />
    </label>
    <br/>
    <label>Email 4
        <input id="emailrequerido4" name="email_contactopadrino" class="email_contactopadrino" type="email" />
    </label>
    <br/>
    <label>Email 5
        <input id="emailrequerido5" name="email_contactopadrino" class="email_contactopadrino" type="email" />
    </label>
    <br/>
    <button id="enviarForm" type="submit" class="uk-button uk-float-right">Submit</button>
</form>

CSS

.emailrequerido1 {
    width: 300px;
}

JavaScript

$(document).ready(function () {
    function checkEmails() {
        var nonempty = $('form .email_contactopadrino').filter(function() {
            return $(this).val() != '';
        });
        if (nonempty.length) {
            $('#enviarForm').removeAttr('disabled');
        }
        else {
            $('#enviarForm').attr('disabled', true);
        }
    };
    $('form').on('keyup change', '.email_contactopadrino', checkEmails);
    checkEmails();
});