如果未输入文本,请禁用按钮

Question

我希望实现这样的目标.我有4个文本字段和一个选择字段,表单提交所需.我想保持按钮被禁用,除非文本字段有值并且从下拉列表中选择了一个选项.我的代码在这里

我遇到的问题是每当我在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);
    }   
}