JQuery validate
2014-04-01 15:43
260 查看
首先来个API
转载:http://banu.blog.163.com/blog/static/23146482009111941249376/
示例:
导入
转载: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>
相关文章推荐
- JavaScript演示排序算法
- jQuery Ajax 跨域调用
- jquery教程靠边站,一分钱不花让你免费学会jquery
- JQuery+Strusts1.x无刷新登录
- JQuery 初体验(建议学习jquery)
- Jquery实现的table最后一行添加样式的代码
- jQuery 练习[一] 学习jquery的准备工作
- jquery获得页面元素的坐标值实现思路及代码
- jquery如何实现在加载完iframe的内容后再进行操作
- jquery $.ajax()取xml数据的小问题解决方法
- jQuery '行 4954 错误: 不支持该属性或方法' 的问题解决方法
- Jquery 表单取值赋值的一些基本操作
- jQuery中的常用事件总结
- 23个超流行的jQuery相册插件整理分享
- jQuery学习笔记之jQuery的动画
- 再次分享18个非常棒的jQuery表格插件
- JQuery与iframe交互实现代码
- 24款非常有用的 jQuery 插件分享
- 火狐4、谷歌12不支持Jquery Validator的解决方法分享
- jQuery 常见学习网站与参考书