Question

jquery判断是否为空，然后显示提示信息应该怎么写？

有个JQuery的小问题
<input id="pwd" type="password" /><span class=Error"></span>
<input id="repwd" type="password" /><span class=Error"></span>
我用$(":password").each();这个事件循环来判断它们是否为空，但是之后的显示错误信息应该点写啊？如何能够确定是第几个password后面的span?
刚学JQuery，请各位多多指教。

Answer 1

你的html代码需要修改下,主要是span里面写的有问题
<input id="pwd" type="password" /><span class="Error"></span>
<input id="repwd" type="password" /><span class="REERROR"></span>

下面是js判断程序

<script>
$(function(){
var pwd = $("#pwd");
var repwd = $("#repwd");
var error = $('.Error');
var reerror = $('.REERROR');
if(pwd.val() == '') {
error.html('<font color="red">对不起,密码不能为空!</font>');
return false;
} else if(repwd.val() == ''){
reerror.html('<font color="red">对不起,重复密码不能为空!</font>');
return false;
} else if(repwd.val() != pwd.val()){
reerror.html('<font color="red">对不起,两次密码输入不一致!</font>');
error.html('<font color="red">对不起,两次密码输入不一致!</font>');
return false;
} else {
return true;
}
})
</script>

=========================================================
如果你一定要用each来写,也是可以的,首先那个span后面的class你的引号少了,要修改

<input id="pwd" type="password" /><span class="Error"></span>
<input id="repwd" type="password" /><span class="Error"></span>

<script>
$(function(){
var error = $('.Error');
$(":password").each(function(index){
if($(this).val() == '') {
error.eq(index).html('<font color="red">对不起, 密码有误!请重试!</font>');
return false;
}
});
})
</script>