JQuery validate

首先来个API

转载：http://banu.blog.163.com/blog/static/23146482009111941249376/

示例：

导入

<script src="/JQueryTest/js/validation/jquery.metadata.js" type="text/javascript"></script>
<script src="/JQueryTest/js/validation/jquery.validate.min.js" type="text/javascript"></script>
<script src="/JQueryTest/js/validation/messages_cn.js" type="text/javascript"></script>

	//验证表单
		$("#frmLogin").validate({
			errorLabelContainer: "#errorLabel",
			invalidHandler:function(form, validator){
				$("#errorLabel").show();
			//	$.ligerDialog.error("error");
			},
			submitHandler:function(){
				$.ligerDialog.alert('验证通过','提示');
			}
		});

<form id="frmLogin" name="frmLogin" action="" method="post" >
				<table>
					<tbody id="tabBoy">
						<tr>
							<td class="tdw">用户名:</td>
							<td><input type="text" name="txtUID" class="{required:true}"/>
							<span style="color:blue">*</span></td>
						</tr>
						<tr> 
							<td class="tdw">密码:</td>
							<td><input id="txtPwd" type="password" name="txtPwd" class="{required:true,minlength:5}"/>
                            <span style="color:blue">*</span></td>
						</tr>
						<tr> 
							<td class="tdw">确认密码:</td>
							<td><input type="password" name="txtPwd2" class="{required:true,minlength:5,equalTo:'#txtPwd'}"/>
                            <span style="color:blue">*</span></td>
						</tr>
						<tr>
							<td class="tdw">日期:</td>
							<td><input name="txtDate" type="text" id="txtDate" ltype="date"  />
                            </td>
						</tr>
						<tr>
							<td colspan="2" class="tdw"><input type="submit" value="验证" ></td>
						</tr>
					</tbody>
				</table>
			
			</form>