Question

jQuery.validator插件里要改变错误提示的样式要怎么做？

最近再用jQuery.validator插件做页面验证，很好用，但它的错误提示是跟在验证元素后面的，有时候会把其它元素挤开，造成页面混乱，我想把错误提示做成悬浮效果，不知要在什么地方改？
另再想问一下，我在验证的时候有如下HTML代码：
<li class="dd_k2"><span class="dd_r1">*</span><span class="dd_14">证件类型：</span>
<label>
<select name="CardType" id="CardType">
<option value="0" selected="selected">身份证</option>
<option value="1">护照</option>
<option value="2">其他</option>
</select>
</label>
</li>
<li class="dd_k2"><span class="dd_r1">*</span><span class="dd_14">证件号码：</span><input type="text" name="CardNumber" id="CardNumber" class="input_out"size="20" height="20"/></li>

当我选择身份证的时候，证件号码就要进行验证，选择其它的时候，就不用验证证件号码，这个能用jQuery.validator实现吗？

我试了一下代码，还是跟在文本框的后面，并不是悬浮提示啊。

Answer 1

$("#userForm").validate({
rules:{/*规则自己定义*/},
errorElement:'strong',
success:function()
{
$('.yform strong:empty,.yform strong.message').parent('div').removeClass('error').end().remove();
},
errorPlacement:function(error,element)
{//这里对错误进行处理
if(error.is(':empty'))
{
return true;
}
else
{
var t = element.parent();
t.find('strong.message').remove();
t.addClass('error').append(error);
}
}
});
});