1. 最近写验证的时候感觉原生的验证谢了一遍又一遍，就想到了“不要重复造轮子，学会管理自己的工具库”这句名言，于是尝试用jq的validator。 用过又发现需要自定义方法去验证，于是去查官网，写了Jquery.validator.addMethod()方法
  2. <DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. <link href="../css/main.css" rel="stylesheet" type="text/css" />
  7. <link href="../js/ligerUI/skins/Aqua/css/ligerui-all.css" rel="stylesheet" type="text/css" />
  8. <!-- 引入JS库文件 -->
  9. <script src="../js/jquery.min.js" type="text/javascript"></script>
  10. <script src="../js/ligerUI/js/ligerui.min.js" type="text/javascript"></script>
  11. <script src="../js/tablecolor.js" type="text/javascript"></script>
  12. <script src="../js/jquery-form/jquery.form.js" type="text/javascript"></script>
  13. <script src="../js/jquery-validation/jquery.validate.min.js" type="text/javascript"></script>
  14. <script src="../js/jquery-validation/messages_cn.js" type="text/javascript"></script>
  15. <script type="text/javascript">
  16. <!--
  17. $(function() {
  18. //保存
  19. $("#appEdit_btok").click(function () {
  20. $("#appEdit_Form").submit();
  21. });
  22. //自定义评语内容验证方法
  23. jQuery.validator.addMethod("levelLimit",function(value, element){
  24. var returnVal = false;
  25. var level = $("#code").attr("level");
  26. if(level=="1" || level=="0"){
  27. returnVal = true;
  28. }
  29. return returnVal;
  30. },"level不能为2!");
  31. $("#appEdit_Form").validate({
  32. rules : {
  33. "code" : {
  34. required : true,
  35. number : true,//期望的是true,如果为false则展示提示信息
  36. levelLimit : true//期望的是true,如果为false则展示提示信息
  37. }
  38. },
  39. messages : {
  40. "code" : {required : "请输入务编码！",
  41. number : "请输入数字！"
  42. }
  43. },
  44. errorPlacement: function( lable, element ){
  45. element.ligerHideTip();
  46. element.parent().ligerTip({ content: lable.html(), target: element[0] });
  47. },
  48. success : function( lable ){
  49. lable.ligerHideTip();
  50. lable.remove();
  51. },
  52. submitHandler: function(formTar){
  53. var serialStr = $("#appEdit_Form").serialize();
  54. var urlStr = './appIndex.htm?actionMethod=addAppInfo';
  55. $.ajax({
  56. type:'post',
  57. url:urlStr,
  58. data:serialStr,
  59. success:function(redata){
  60. if  (redata ==1) {
  61. alert( '操作成功!');
  62. }else{
  63. alert('失败提示', '操作失败!');
  64. return;
  65. }
  66. }
  67. });
  68. }
  69. });
  70. });
  71. //-->
  72. </script>
  73. </head>
  74. <body >
  75. <div class="right-body"  >
  76. <form method="post" action="javascript:void" id="appEdit_Form" >
  77. <table style="width:400px;" border="0" cellpadding="0" cellspacing="0"
  78. class="viewdatagrid">
  79. <tbody>
  80. <tr>
  81. <th width="160">编码：</th>
  82. <td width="0" ><input id="code" name="code" type="text" style="width: 240px" value=""  level="2"/>
  83. </td>
  84. </tr>
  85. </tbody>
  86. </table>
  87. <div class="btn-view-block">
  88. <div class="toolbar">
  89. <ul>
  90. <li>
  91. <a href="javascript:void 0;"  class="save"  id="appEdit_btok"  name="appEdit_btok" ><span>保存</span></a>
  92. </li>
  93. <li>
  94. </ul>
  95. </div>
  96. </div>
  97. </form>
  98. </div>
  99. </body>
  100. </html>

jq里验证插件的自定义方法Jquery.validator.addMethod()示例的更多相关文章

  1. 自定义表单验证--jquery validator addMethod的使用

    原文地址:jquery validator addMethod 方法的使用作者:蜡笔小玄 jQuery.validate是一款非常不错的表单验证工具,简单易上手,而且能达到很好的体验效果,虽然说在项目 ...

  2. jQuery.validator.addMethod自定义验证方法

    在开发中用到了jQuery的validate控件,有时需要自定义验证方法.我们可以通过jQuery.validator.addMethod()来实现,下面是例子: <!DOCTYPE html ...

  3. jQuery.validator.addMethod自定义验证

    jQuery.validator.addMethod("numOrLetter", function(value, element) { return this.optional( ...

  4. jQuery.validator.addMethod方法的使用

    该方法有三个api接口参数,name,method,messages addMethod(name,method,message)方法 参数 name 是添加的方法的名字. 参数 method 是一个 ...

  5. 表单验证插件 jquery.validata 使用方法

    参考资料:http://www.runoob.com/jquery/jquery-plugin-validate.html 下载地址 jquery.validate插件的文档地址http://docs ...

  6. 验证插件——jquery.validate.js

    下载地址:http://download.csdn.net/download/s592652578/9457421 教程:http://www.runoob.com/jquery/jquery-plu ...

  7. yii框架中应用jquery表单验证插件

    效果图: 视图层: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://w ...

  8. jquery插件-表单验证插件-validator对象

    三 Validator对象 1.介绍:Validate方法返回的对象称作Validator对象 2.使用 Validator对象常用方法 Validator.form() 返回:Boolean 验证: ...

  9. Jquery.validate.js表单验证插件的使用

    作为一个网站web开发人员,以前居然不知道还有表单验证这样好呀的插件,还在一行行写表单验证,真是后悔没能早点知道他们的存在. 最近公司不忙,自己学习一些东西的时候,发现了validation的一个实例 ...

随机推荐

  1. sql server导出数据，本地数据库远程连接不上，怎样设置防火墙（自用）

    控制面板——>系统安全——>windows防火墙——>高级设置 新建入站规则: 将一下两个应用 允许入站: D:\Program Files (x86)\Microsoft SQL ...

  2. css3 手风琴

    1.看了网上很多关于css的手风琴案例,但是都没有讲到相关的原理. 主要原理1. 利用target属性.2.锚点链接. <!doctype html><html><hea ...

  3. 最简单的 react-router4 的安装和使用

    React-Router 的安装  npm install react-router React-Router提供了两个组件:Router和Route.下面看最简单的例子: src/Routes.js ...

  4. 使用MSBuild Tools调用csproj项目文件发布网站时$(SolutionDir)宏参数值丢失为空的解决方案

    使用Visual Studio打开解决方案,对<网站项目>右键点击<发布>,一切都是正常的,所有宏都可用,宏参数值也是正确的. 而通过批处理脚本命令调用MSBuild.exe对 ...

  5. qt注册表关联文件格式

    注册表相关知识:http://www.360doc.com/content/12/0812/19/3688062_229808059.shtml(超详细超实用) 将某种类型的格式关联到某个可执行程序, ...

  6. 网页静态化技术--Freemarker入门

    网页静态化技术:为什么要使用网页静态化技术 网页静态化解决方案在实际开发中运用比较多,例如新闻网站,门户网站中的新闻频道或者是文章类的频道. 对于电商网站的商品详细页来说,至少几百万个商品,每个商品又 ...

  7. ASUS RT-N16 使用OpenWrt 安装 ss记录

    本文用于记录一下使用ASUS RT-N16 使用OpenWrt 安装 shadowsocks的过程. 前后一共折腾了一个星期,原先使用的是tomato固件,但是在配置iptables的过程中,执行 r ...

  8. 后端必备的Linux知识

    目录 从认识操作系统开始 操作系统简介 操作系统简单分类 初探Linux Linux简介 Linux诞生简介 Linux的分类 Linux文件系统概览 Linux文件系统简介 文件类型与目录结构 Li ...

  9. 图像旋转与图像缩放及Matlab代码实现

    本周的作业是自己通过公式编写图像旋转与缩放的代码.今天先通过调用函数的方法来实现. 图像的旋转: A=imread('2.jpg'); J=imrotate(A, 30); subplot(1,2,1 ...

  10. html常用meat头

    <!-- 字体编码 --> <meta charset="utf-8" /> <!-- 关键字 --> <meta name=" ...