jQuery空输入检查功能无法按预期工作

时间:2014-06-26 19:43:16

标签: javascript jquery

这个问题已经在SO上完成,我真的非常抱歉!我已经从同一主题的几个SO问题中汲取了以下想法的骨头。

尽管如此,我仍然无法按预期工作。

  • 如果填写NONE,则无效。
  • 如果填写END输入而不是其他输入,则工作正常。
  • 如果填写了MIDDLE输入,则表示正常。
  • 如果您只填写FIRST输入,它会发出警报,但仍会提交?

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个小时的一天后,我却无法看到它。任何帮助表示赞赏...

2 个答案:

答案 0 :(得分: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/

答案 1 :(得分:0)

尝试

if(document.getElementById('id of input').value != ""){}