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

Question

我有一个简单的联系表单，但我想禁用提交按钮，直到两个输入不再为空。我读了很多关于同样问题的答案，但它们都在 jQuery 中得到了答案，但我想使用 native 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 属性轻松完成此操作。将其放在您的两个输入上。浏览器应该自动阻止此行为。