Question

jquery 输入框校验

我想做一个demo，假设有10个输入框，6个输入框必输
效果和搜狐邮箱注册一样，如果点击第一个，那么你第一个必输，如果点击第二个，第一个提示不能为空，点击第三个，前面的输入框必输，否则红色提示
我自己写了一个，没法做到循环提示，总之就是输入所有必输字段，红色提示消失，有一个没填，就红色警告，请用简单的例子给我
不要控件，我不想往公司项目里加入一些控件，我想自己写一个，谢谢了
我要做到循环监控，只要有一个必填项没填，就红色告警，如果填完了，红色告警提示消失
好像要用.bind吧，以前我一个同事做过，但是他离职了，代码也找不到了，很是郁闷

Answer 1

<input id="Text1" type="text" /><span id="Text1Note"></span><br />
<input id="Text2" type="text" /><span id="Text2Note"></span><br />
<input id="Text3" type="text" /><span id="Text3Note"></span><br />
<input id="Text4" type="text" /><span id="Text4Note"></span><br />
<input id="Button1" type="button" value="button" onclick="return onsumbit()" />
<script>
//假设文本框1和3必须输入
//focusin事件为光标进入，focusout为光标离开
$("#Text1").focusin(function () {
$("#Text1Note").html("文本框1该项必须填写！");
}).focusout(function () {
if ($("#Text1").val() == "")
$("#Text1Note").html("文本框1该项必须填写！");
else
$("#Text1Note").html("");
});

$("#Text3").focusin(function () {
$("#Text3Note").html("文本框3该项必须填写！");
}).focusout(function () {
if ($("#Text3").val() == "")
$("#Text3Note").html("文本框3该项必须填写！");
else
$("#Text3Note").html("");
});
//不做任何输入直接提交执行提交执行
function onsumbit() {
if ($("#Text1").val() == "")
$("#Text1Note").html("文本框1该项必须填写！");
if ($("#Text3").val() == "")
$("#Text3Note").html("文本框3该项必须填写！");
return false;
}
</script>

Answer 2

你可以用$("input :eq(0)")获取第几个div，不用id就行