您的位置:首页 > Web前端 > JQuery

JQuery validate

2014-04-01 15:43 260 查看
首先来个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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  jquery validate