首先来个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>