如果字段由jQuery清空，则禁用发送按钮

Question

如果有一个或多个输入字段为空，如何禁用发送按钮？

我在伪代码中的尝试

if ( $("input:empty") ) {
    $("input:disabled") 
}
else 
  // enable the ask_question -button

我一直在阅读这些文章而没有找到正确的解决方案

1. Official docs about empty：这就像是不相关的，因为它会查找所有输入字段
2. a thread about disabled -feature in jQuery：这似乎是相关的
3. to be able to test jQuery Firefox/terminal：获得测试环境对我来说最有帮助

我目前使用以下代码。 它包含一个关于角色;的错误，但我找不到它。

＃1

$(document).ready(function(){
    $("#ask_form").validate(){
        rules: {
            username {
                required: true,
                minlenghth: 2
            },
            email: {
                required: true;
                minlength: 6
            },
            password {
                required: true,                                                                                                                                    
                minlength: 6
            }
        } 
    });
}

＃2 Meder的代码

我轻轻修改了Meder的代码。它会永久禁用send按钮，因此它也有错误。

$(document).ready(function(){
    var inputs = $('input', '#ask_form'), empty = false;
    // can also use :input but it will grab textarea/select elements and you need to check for those..

    inputs.each(function() {
        if ( $(this).val() == '' ) {
            empty = true;
            return;
        }
    });

    if ( empty ) {
        $('.ask_question').attr('disabled', 'disabled'); // or true I believe.
    }
});

Answer 1

var $submit = $("input[type=submit]");
if ( $("input:empty").length > 0 ) {
   $submit.attr("disabled","disabled");
} else {
   $submit.removeAttr("disabled");
}

Answer 2

jQuery validation plugin
Documentation
Demo

Answer 3

var inputs = $('input', 'form#foo'), empty = false;
// can also use :input but it will grab textarea/select elements and you need to check for those..

inputs.each(function() {
    if ( $(this).val() == '' ) {
        empty = true;
        return;
    }
});

if ( empty ) {
    $('#el').attr('disabled', 'disabled'); // or true I believe.
}

Answer 4

如果没有结束，请尝试使用例如＃1：

$(document).ready(function(){
    $("#ask_form").validate(){
        rules: {
            username {
                required: true,
                minlenghth: 2
            },
            email: {
                required: true;
                minlength: 6
            },
            password {
                required: true,                                                                                                                                    
                minlength: 6
            }
        } 
    });
});