你如何强制jQuery Validate在表单元素内部而不是外部显示错误？

[截断]加价：

@H_801_16@<form class="cmxform" id="commentForm" method="get" action=""> <fieldset> <legend>A simple comment form with submit validation and default messages</legend> <p> <label for="cname">Name</label> <em>*</em><input id="cname" name="name" size="25" class="required" minlength="2" /> </p> </fieldset> </form>

CSS：

@H_801_16@.cmxform p{position:relative;} .cmxform label.error{position:absolute; left: 11.7em; top:5px; display:block; width:180px; /*Computed width of text input was 189px*/ overflow:hidden;}

当然,这种方法确实有一个主要缺点,那就是错误标签将悬挂在用户输入的内容之上(和之上).在jquery.com的例子中,当我输入时,我的名字的第一个字母上有一个红色的“请输入至少2个字符”的消息.要解决这个问题,你需要做这样的事情：

@H_801_16@$(document).ready(function(){ $('.cmxform input[type=text]').focus(function(){ $(this).siblings('.error').hide(); // Hide the error while the user is typing }).blur(function(){ if( !$('#commentForm').validate().element(this) ){ // Re-validate this element,show the label if still invalid $(this).siblings('.error').show(); } }); });