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. DotNetty网络通信框架学习

    p{ text-align:center; } blockquote > p > span{ text-align:center; font-size: 18px; color: #ff0 ...

  2. JavaFX-Application

    JavaFX—Application 1.Application是JavaFX程序的入口,任何javafx应用程序程序都要继承该类并重写start()方法 public class TsetStage ...

  3. 写SQL语句常见的问题

    1.从一个表1查询的数据作为另一个表2的部分记录插入表2中 如果是固定值,直接再列5后面列出即可INSERT INTO 表1 (列1, 列2,列3, 列4, 列5,列6) SELECT 列1, 列2, ...

  4. 根据RadioButtonList动态显示隐藏Div

    使用场景 今天在写项目的时候遇到一个需求,注册页面,用户先选择类型继而填表单,所以需要根据选择切换表单,使用的前端框架是MiniUI,但是在实现这个功能的时候mini.get()方法无法得到div元素 ...

  5. CMS收集器产生的问题和解决方案

    垃圾收集器长时间停顿,表现在 Web 页面上可能是页面响应码 500 之类的服务器错误问题,如果是个支付过程可能会导致支付失败,将造成公司的直接经济损失,程序员要尽量避免或者说减少此类情况发生. 提升 ...

  6. 【ASP.NET】 HttpContext.Current.User.Identity.Name 返回值为空

    问题起因 在做项目的时候,我使用HttpContext.Current.User.Identity.Name来获取Web应用程序正在使用时的用户名. 在开发过程中,我使用了我的本地iis,启用了集成的 ...

  7. 安卓测试工具uiautomator无法打开失败报错解决方案

    我们在测试过程中经常会遇到uiautomator报错,识别不了 先用 adb shell ps |grep uiautomator 查看这个进程,一般性都是因为已经有一个进程占用引起的. 所以是被占用 ...

  8. 使用C#创建Windows服务 并发布Windows 服务

    一.开发环境 操作系统:Windows 10 X64 开发环境:VS2015 编程语言:C# .NET版本:.NET Framework 4.0 目标平台:X86 二.创建Windows Servic ...

  9. 线程（Thread，ThreadPool）、Task、Parallel

    线程(Thread.ThreadPool) 线程的定义我想大家都有所了解,这里我就不再复述了.我这里主要介绍.NET Framework中的线程(Thread.ThreadPool). .NET Fr ...

  10. C、C++中的static和extern关键字

    1.首先,关于声明和定义的区别 这种写法(函数原型后加;号表示结束的写法)只能叫函数声明而不能叫函数定义,只有带函数体的声明才叫定义,比如下面 只有分配存储空间的变量声明才叫变量定义,其实函数也是一样 ...