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. Beautiful Soup 解析html表格

    from bs4 import BeautifulSoup import urllib.request doc = urllib.request.urlopen('http://www.bkzy.or ...

  2. css基础教程

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

  3. [ABP] ASP.NET Zero 5.6.0 之 ASP.NET Zero Power Tools 破解日志

    两个要破解Patch的关键dll名称:AspNetZeroRadToolVisualStudioExtension.dll和AspNetZeroRadTool.dll AspNetZeroRadToo ...

  4. java正则表达式学习笔记

    Java 正则表达式语法 为了更有效的使用正则表达式,需要了解正则表达式语法.正则表达式语法很复杂,可以写出非常高级的表达式.只有通过大量的练习才能掌握这些语法规则. 本篇文字,我们将通过例子了解正则 ...

  5. eq

    <a class="s">1</a> <a class="s">2</a> <a class=" ...

  6. node离线版安装

    1.下载 下载地址:https://nodejs.org/zh-cn/download/ 选择相应的版本下载 2.解压缩 将文件解压到要安装的位置,并新建两个目录 node-global :npm全局 ...

  7. 20180706001 - 动态添加 tabPage

    //        public TabPage Add(Form form, string str_frm_name)        {            form.Visible = true ...

  8. 读取本地json文件，并转换为dictionary

    // 读取本地JSON文件 - (NSDictionary *)readLocalFileWithName:(NSString *)name { // 获取文件路径 NSString *path = ...

  9. IDEA 创建 web项目

    创建web步骤: 1.创建一个project File -> New Project -> 选择Java,Project SDK为1.7,勾选Web Application(创建web.x ...

  10. MYSQL数据库常用操作命令

    1.连接MYSQL: mysql -h 主机地址 -u 用户名 -p 2.修改密码: 安装后第一次登录使用: mysqladmin (因为没有初始密码) 修改原密码: mysqladmin -u ro ...