禁用提交按鈕，直到兩個輸入都不為空

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 。 瀏覽器應自動阻止。