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. 一个spinner控件使用的实例

    布局文件 <?xml version="1.0" encoding="utf-8"?><android.support.constraint. ...

  2. css基础教程

    css规则有两个主要部分构成:选择器,以及一条或多条声明. 值的不同写法和单位: 可以使用十六进制设置颜色值:#ff0000; 为节约字节,使用css缩写形式:#f00: 类选择器:以一个点号显示. ...

  3. 原 HTML5+规范：barcode(条码扫描)

    https://blog.csdn.net/qq_27626333/article/details/51815121 引用,版权归作者所有:

  4. C++笔记整理（参考整理自各大博客）

    为什么构造函数不能是虚函数,析构函数往往是虚函数? 静态存储区.无论在那里构建,其过程都是两步:首先,分配一块内存:其次,调用构造函数.好,问题来了,如果构造函数是虚函数,那么就需要通过vtable  ...

  5. Fizz Buzz 面试题

    在CSDN上看到一篇文章<软件工程师如何笑着活下去>,本来是想看对这个行业的一些评价和信息,不曾检索到关于Fizz Buzz的面试题,上网搜了一下,顿感兴趣.留下此文,以表回忆. java ...

  6. CodeForces - 468A

    Little X used to play a card game called "24 Game", but recently he has found it too easy. ...

  7. GitHub Toturial

    GitHub Toturial Git Summary 1. 设置姓名和email git config --global user.name "YuboFeng" git con ...

  8. opencv学习之路（29）、轮廓查找与绘制（八）——轮廓特征属性及应用

    一.简介 HSV颜色空间(hue色调,saturation饱和度,value亮度) 二.HSV滑动条 #include "opencv2/opencv.hpp" #include ...

  9. loj 6037 「雅礼集训 2017 Day4」猜数列 - 动态规划

    题目传送门 传送门 题目大意 有一个位置数列,给定$n$条线索,每条线索从某一个位置开始,一直向左或者向右走,每遇到一个还没有在线索中出现的数就将它加入线索,问最小的可能的数列长度. 依次从左到右考虑 ...

  10. 线程池如何复用一个线程-- ThreadPoolExecutor的实现（未完）

    任务是一组逻辑工作单元,而线程则是使任务异步执行的机制.在Java中,Runnable对象代表一个任务,Thread对象负责创建一个线程执行这个任务. 前提:1. 程序需要处理大量任务 2. 任务的执 ...