如何验证一系列文本框中的文本框值是否为空？

Question

有一系列文本框,如:

 <input  type="text" class="jq-textBox" />
 <input  type="text" class="jq-textBox" />
 <input  type="text" class="jq-textBox" />
 <input  type="text" class="jq-textBox" />
 <input  type="text" class="jq-textBox" />

用户可以从上到下填写文本框值.只需要第一个文本框,所有其他文本框都是可选的.

允许订单填写文本框值:

1st
1st & 2nd
1st, 2nd & 3rd
and likewise in sequence order

禁止令:

2nd
1st & 3rd
1st, 2nd & 4th    

这意味着用户只需要填充第一个文本框,或者可以按顺序填充其他文本框.用户不能跳过一个文本框,然后填写下一个文本框.

如何在javascript/jQuery中验证这一点？

任何帮助都非常感谢!

Answer 1

您可以向后迭代列表以快速找出是否存在间隙。

var last = false,
    list = $(".jq-textBox").get().reverse();
$.each(list, function (idx) {
    if ($(this).val() !== "") {
        last = true;
    }
    else if (last) {
        alert("you skipped one");
    }
    else if (list.length === idx + 1) {
        alert("must enter 1");
    }
});

http://jsfiddle.net/rnRPA/1/