禁用提交按钮，直到两个输入都不为空

Question

我有一个简单的联系表单，但我想禁用提交按钮，直到两个输入都不再为空。我读了很多关于同样问题的答案，但是他们都在jQuery中得到了解答，但我想使用原生JavaScript。我怎样才能做到这一点？并且可以检查是否应该在输入任何类型的更改后启用按钮，例如粘贴？

$(document).ready(function() {
    var $submit = $("#verzend"),
        $inputs = $('#textarea, #email');
    function checkEmpty() {
        return $inputs.filter(function() {
            return !$.trim(this.value);
        }).length === 0;
    }
    $inputs.on('keyup blur', function() {
        $submit.prop("disabled", !checkEmpty());
    }).keyup();
});

我发现这是一个很好的解决方案，但它在JQuery中

Answer 1

您可以使用required属性轻松完成此操作。将其放在input上。浏览器应该自动阻止它。