javascript - jQuery 空输入检查功能未按预期工作

Question

这个问题已经被问到死了，我真的非常非常抱歉!我已经从同一主题的几个问题中获取了以下想法的骨架。

尽管如此，我仍然无法让它按预期工作。

• 如果不填写任何内容，则可以正常工作。
• 如果填写了 END 输入而不是其他输入，则工作正常。
• 如果填写了 MIDDLE 输入，则可以正常工作。
• 如果您只填写第一个输入，它会发出警报，但仍会提交？

JSFIDDLE

$(document).ready(function (e) {
    // completed count submit handler
    $("#submit_counts_button").on('click', function () {
        window.incomplete = false;
        $('input[type=number]').each(function () {
            if ($(this).val().length == 0) {
                window.incomplete = true;
                alert('Some fields are empty');
                return false;
            } else {
                if (window.incomplete === false) {
                    $("#submit_counts_button").prop('disabled', true);
                    $("#submit_counts_button").html('Please Wait ...');
                    //$("#update_form").submit();
                }
            }
        });

    });
});

我确信这是一件非常明显的令人尴尬的事情，但经过 16 个小时的一天之后，我就是看不到它。任何帮助表示赞赏...

Answer 1

您需要将“不完整”检查移至 .each 之外

$(document).ready(function (e) {
    // completed count submit handler
    $("#submit_counts_button").on('click', function () {
        window.incomplete = false;
        $('input[type=number]').each(function () {
            if ($(this).val().length == 0) {
                window.incomplete = true;
                alert('Some fields are empty');
                return false;
            }
        });

        if (window.incomplete === false) {
            $("#submit_counts_button").prop('disabled', true);
            $("#submit_counts_button").html('Please Wait ...');
            //$("#update_form").submit();
        }
    });
});

http://jsfiddle.net/6WpeF/6/