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

【问题标题】：Disable submit button until both inputs are not empty禁用提交按钮，直到两个输入都不为空
【发布时间】：2018-07-18 06:04:53
【问题描述】：

我有一个简单的联系表单，但我想禁用提交按钮，直到两个输入不再为空。我阅读了很多关于同样问题的答案，但它们都在 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 中

【问题讨论】：

也许可以添加您所拥有的，以便我们提供帮助

标签： javascript forms disabled-input

【解决方案1】：

您可以使用required 属性轻松完成此操作。把它放在你的两个input 上。浏览器应该会自动阻止它。

【讨论】：

是的，我已经有了，但这些可以在浏览器的检查器中轻松删除。
@MrkSmt 客户端可以撤消任何操作。您还需要在服务器上进行验证。
我愿意，但是对于我的项目，有必要为我的提交按钮添加和删除“禁用”属性。