jquery validate 详解2（转载）

jquery validate 详解二（转载）
这里只是第二篇，前面的内容请参阅上一篇
五、常用方法及注意问题1.用其他方式替代默认的SUBMIT

$().ready(function() {
?$("#signupForm").validate({
???????submitHandler:function(form){
???????????alert("submitted");???
???????????form.submit();
???????}????
??? });
});

可以设置validate的默认值，写法如下：
$.validator.setDefaults({
?submitHandler: function(form) {alert("submitted!");form.submit(); }
});

如果想提交表单, 需要使用form.submit()而不要使用$(form).submit()

如果这个参数为true，那么表单不会提交，只进行检查，调试时十分方便

$().ready(function() {
?$("#signupForm").validate({
???????debug:true
??? });
});
如果一个页面中有多个表单都想设置成为debug，用
$.validator.setDefaults({
?? debug: true
})

errorPlacement：Callback?

?Default:把错误信息放在验证的元素后面?
指明错误放置的位置，默认情况是：error.appendTo(element.parent());即把错误信息放在验证的元素后面
errorPlacement: function(error, element){??
???error.appendTo(element.parent());??
}

//示例：
<tr>
???<tdtype="text" value="" maxlength="100"/></td>
???<tdname="dateformat"type="radio" value="0" />
???????<label id="ldateformat_eu"for="dateformat_eu">14/02/07</label>
???</td>
???<td style="padding-left: 5px;">
???????<input id="dateformat_am" name="dateformat"type="radio" value="1"? />
???????<label id="ldateformat_am"for="dateformat_am">02/14/07</label>
???</td>
???<td></td>
</tr>
<tr>
???<tdcolspan="2">
???????<div id="termswrap">
???????????<input id="terms" type="checkbox" name="terms"/>
???????????<label id="lterms" for="terms">I haveread and accept the Terms ofUse.</label>
???????</div>
???</td>
</tr>

errorPlacement: function(error, element) {
??? if (element.is(":radio") )
???????error.appendTo( element.parent().next().next() );
??? else if (element.is(":checkbox") )
???????error.appendTo ( element.next() );
??? else
???????error.appendTo( element.parent().next() );
}

代码的作用是：一般情况下把错误信息显示在<tdvalue="m" name="gender" value="f"name="gender"/>

?

2.checkbox的required表示必须选中
<input type="checkbox" id="agree"name="agree" value="email" name="spam[]" />
<input type="checkbox" value="phone" name="spam[]" />
<input type="checkbox" value="mail" name="spam[]"/>

?

???3.select的required表示选中的value不能为空
<select id="jungle" name="jungle" title="Pleaseselect something!" name="fruit" title="Please selectat least two fruits" class="{required:true, minlength:2}"multiple="multiple">
???<optionvalue="b">Banana</option>
???<optionvalue="a">Apple</option>
???<optionvalue="p">Peach</option>
???<optionvalue="t">Turtle</option>
</select>