javascript - 当某些文本字段具有值时启用按钮

Question

我有一个包含多个文本字段的表单，我希望在填写必填字段时启用添加按钮。默认情况下，该按钮在 HTML 中处于禁用状态。在 Firebug 中，模糊函数似乎已触发，但未到达 if 语句。

$(".cd-form :input").blur(function(){

    var ok=true;
    $("#signup-firstnmame,#signup-surname","#signup-Address1","#signup-City","#signup-Postcode","#signup-Email","#signup-Mobile").each(function(){
       /* if ($(this).val()==="")*/


        if ($('#signup-firstnmame').val() !== "" && $('#signup-surname').val() !== "" && $('#signup-Address1').val() !== "" && $('#signup-City').val() !== "" && $('#signup-Postcode').val() !== "" && $('#signup-Email').val() !== "" && $('#signup-Mobile').val() !== "") 
       $("#AddData").prop("disabled",false);

            else
       $("#AddData").prop("disabled",true);
    });

});

Answer 1

逗号应该是选择器的一部分，而不是单独的参数。

$('#signup-firstname, #signup-surname, #signup-Address1, ...

此外，如果您要检查所有字段(如 if 语句中那样)，则无需为每个字段执行一次，只需执行一次即可。

如果您考虑向相关字段添加一个类，您的函数将更具可读性，即:

$('#AddData').prop('disabled', $('.required-field[val=""]').length > 0);