有一系列的文本框，例如：
<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中对此进行验证？
任何帮助深表感谢！
您可以向后遍历该列表，以快速确定是否存在间隙。
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");
}
});
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句