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. 解决Linux 环境 GLIBCXX_3.4.15' not found问题

    升级Centos系统之后,运行filezilla时,出现如下错误的提示信息: ./filezilla: /usr/lib/libstdc++.so.6: version `GLIBCXX_3.4.15 ...

  2. tensorflow的简单操作

    import tensorflow as tf c1 = tf.constant([[3,3]]) c2 = tf.constant([[3],[2]]) product = tf.matmul(c1 ...

  3. Leetcode 存在重复元素 （219,220）

    219. 存在重复元素 II 给定一个整数数组和一个整数 k,判断数组中是否存在两个不同的索引 i 和 j,使得 nums [i] = nums [j],并且 i 和 j 的差的绝对值最大为 k. / ...

  4. vue/iview使用moment.js

    方法一 main.js引入moment 获取当前时间 this.time = this.$moment()._d; // 当前时间 this.time0 =this.$moment().subtrac ...

  5. ELK学习笔记之logstash安装logstash-filter-multiline(在线离线安装)

    0x00 概述 ELK-logstash在搬运日志的时候会出现多行日志,普通的搬运会造成保存到ES中单条单条,很丑,而且不方便读取,logstash-filter-multiline可以解决该问题 g ...

  6. Linux Postfix 服务

    Linux Postfix 服务 postfix是Wietse Venema在IBM的GPL协议之下开发的MTA(邮件传输代理)开源软件.能够很好地兼容 Sendmail服务程序,可以方便 Sendm ...

  7. idea maven指定编译参数

    "Settings" > "Build, Execution, Deployment" > "Compiler" > &q ...

  8. world转.md

    下载并安装 Writage,下载地址:http://www.writage.com/

  9. Android系统应用Mms之Sms短信发送流程(Mms应用部分)二

    1. 新建一条短信, 在发送短信之前, 首先创建的是一个会话Conversation, 以后所有与该接收人(一个或多个接收人)的消息交互, 都在该会话Conversation中. ComposeMes ...

  10. Python各种图像库的图像的基本读写方式

    目前主流的图像库有几下几种: 1. OpenCV      2. PIL(Pillow)       3. matplotlib.image     4. skimage      5. scipy. ...