jquery - 如果未输入文本，则保持按钮禁用

Question

我想要实现这样的目标。我有 4 个文本字段和 1 个选择字段，这是提交表单所需的。我想保持按钮禁用，除非文本字段具有值并且从下拉列表中选择了一个选项。我的代码是here

我遇到的问题是，每当我在 4 个文本字段中输入数据时，尽管下拉列表选择为默认文本，但按钮仍会启用。在我更改下拉列表后，它会永远禁用。

Answer 1

试试这个 - DEMO

$('#fname, #lname, #zipcode').on("keyup", action);
$('#location').on("change", action);

function action() {
    if( $('#fname').val().length > 0 && $('#lname').val().length > 0 && $('#zipcode').val().length > 0 && $('#location').val() != '' ) {
        $('#submit').prop("disabled", false);
    } else {
        $('#submit').prop("disabled", true);
    }   
}