检查输入字段为空并触发表单

时间:2013-03-22 09:04:45

标签: jquery

的jQuery

$('.sendButton').click(function(e){
        e.preventDefault();
        var errors = 0;
        $("#steps input").each(function(){
            if ($.trim($(this).val()).length == 0){
                errors = 1;
            } else {
                errors = 2;
            }
        });
        if (errors == 2){
            $('#general').submit();
        }
    });

上面的代码可以工作,但它根据#steps div中的输入量来激活我的表单。有人可以帮助我只解雇一次吗?

#steps内的输入可以在1个输入字段和4之间变化,具体取决于用户从下拉列表中选择的数量。

因此,当用户尝试提交表单时,上述代码实际上会检查从下拉列表中选择的金额字段是否为空。

因此,如果我从下拉列表中选择2,则会显示2个输入,并且在填写表单值时表单将触发2次。

1 个答案:

答案 0 :(得分:1)

如果任何输入为空,假设您不想提交表单。

$('.sendButton').click(function(e){
    e.preventDefault();
    var errors = 0;
    $("#steps input").each(function(){
        if ($.trim($(this).val()).length == 0)
            errors = 1;           
    });
    if (errors != 1){
        $('#general').submit();
    }
});