jq里验证插件的自定义方法Jquery.validator.addMethod()示例
- 最近写验证的时候感觉原生的验证谢了一遍又一遍,就想到了“不要重复造轮子,学会管理自己的工具库”这句名言,于是尝试用jq的validator。 用过又发现需要自定义方法去验证,于是去查官网,写了Jquery.validator.addMethod()方法
- <DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <link href="../css/main.css" rel="stylesheet" type="text/css" />
- <link href="../js/ligerUI/skins/Aqua/css/ligerui-all.css" rel="stylesheet" type="text/css" />
- <!-- 引入JS库文件 -->
- <script src="../js/jquery.min.js" type="text/javascript"></script>
- <script src="../js/ligerUI/js/ligerui.min.js" type="text/javascript"></script>
- <script src="../js/tablecolor.js" type="text/javascript"></script>
- <script src="../js/jquery-form/jquery.form.js" type="text/javascript"></script>
- <script src="../js/jquery-validation/jquery.validate.min.js" type="text/javascript"></script>
- <script src="../js/jquery-validation/messages_cn.js" type="text/javascript"></script>
- <script type="text/javascript">
- <!--
- $(function() {
- //保存
- $("#appEdit_btok").click(function () {
- $("#appEdit_Form").submit();
- });
- //自定义评语内容验证方法
- jQuery.validator.addMethod("levelLimit",function(value, element){
- var returnVal = false;
- var level = $("#code").attr("level");
- if(level=="1" || level=="0"){
- returnVal = true;
- }
- return returnVal;
- },"level不能为2!");
- $("#appEdit_Form").validate({
- rules : {
- "code" : {
- required : true,
- number : true,//期望的是true,如果为false则展示提示信息
- levelLimit : true//期望的是true,如果为false则展示提示信息
- }
- },
- messages : {
- "code" : {required : "请输入务编码!",
- number : "请输入数字!"
- }
- },
- errorPlacement: function( lable, element ){
- element.ligerHideTip();
- element.parent().ligerTip({ content: lable.html(), target: element[0] });
- },
- success : function( lable ){
- lable.ligerHideTip();
- lable.remove();
- },
- submitHandler: function(formTar){
- var serialStr = $("#appEdit_Form").serialize();
- var urlStr = './appIndex.htm?actionMethod=addAppInfo';
- $.ajax({
- type:'post',
- url:urlStr,
- data:serialStr,
- success:function(redata){
- if (redata ==1) {
- alert( '操作成功!');
- }else{
- alert('失败提示', '操作失败!');
- return;
- }
- }
- });
- }
- });
- });
- //-->
- </script>
- </head>
- <body >
- <div class="right-body" >
- <form method="post" action="javascript:void" id="appEdit_Form" >
- <table style="width:400px;" border="0" cellpadding="0" cellspacing="0"
- class="viewdatagrid">
- <tbody>
- <tr>
- <th width="160">编码:</th>
- <td width="0" ><input id="code" name="code" type="text" style="width: 240px" value="" level="2"/>
- </td>
- </tr>
- </tbody>
- </table>
- <div class="btn-view-block">
- <div class="toolbar">
- <ul>
- <li>
- <a href="javascript:void 0;" class="save" id="appEdit_btok" name="appEdit_btok" ><span>保存</span></a>
- </li>
- <li>
- </ul>
- </div>
- </div>
- </form>
- </div>
- </body>
- </html>
jq里验证插件的自定义方法Jquery.validator.addMethod()示例的更多相关文章
- 自定义表单验证--jquery validator addMethod的使用
原文地址:jquery validator addMethod 方法的使用作者:蜡笔小玄 jQuery.validate是一款非常不错的表单验证工具,简单易上手,而且能达到很好的体验效果,虽然说在项目 ...
- jQuery.validator.addMethod自定义验证方法
在开发中用到了jQuery的validate控件,有时需要自定义验证方法.我们可以通过jQuery.validator.addMethod()来实现,下面是例子: <!DOCTYPE html ...
- jQuery.validator.addMethod自定义验证
jQuery.validator.addMethod("numOrLetter", function(value, element) { return this.optional( ...
- jQuery.validator.addMethod方法的使用
该方法有三个api接口参数,name,method,messages addMethod(name,method,message)方法 参数 name 是添加的方法的名字. 参数 method 是一个 ...
- 表单验证插件 jquery.validata 使用方法
参考资料:http://www.runoob.com/jquery/jquery-plugin-validate.html 下载地址 jquery.validate插件的文档地址http://docs ...
- 验证插件——jquery.validate.js
下载地址:http://download.csdn.net/download/s592652578/9457421 教程:http://www.runoob.com/jquery/jquery-plu ...
- yii框架中应用jquery表单验证插件
效果图: 视图层: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://w ...
- jquery插件-表单验证插件-validator对象
三 Validator对象 1.介绍:Validate方法返回的对象称作Validator对象 2.使用 Validator对象常用方法 Validator.form() 返回:Boolean 验证: ...
- Jquery.validate.js表单验证插件的使用
作为一个网站web开发人员,以前居然不知道还有表单验证这样好呀的插件,还在一行行写表单验证,真是后悔没能早点知道他们的存在. 最近公司不忙,自己学习一些东西的时候,发现了validation的一个实例 ...
随机推荐
- druid数据源连接oracle10g报错:not support oracle driver 1.0
jdbc驱动与数据库版本不一致,去数据库服务器的安装目录(cd $ORACLE_HOME)找jdbc->lib->ojdbcX.jar 替换到你项目中即可. oracle目录lib下jar ...
- Git 教程(三):仓库与分支
远程仓库 到目前为止,我们已经掌握了如何在Git仓库里对一个文件进行时光穿梭,你再也不用担心文件备份或者丢失的问题了. 可是有用过集中式版本控制系统SVN的童鞋会站出来说,这些功能在SVN里早就有了, ...
- linux下列出所有连接到你的Server的IP地址
linux下列出所有连接到你的Server的IP地址 最近要做一个检查所有连接到主机的IP的脚本,google到一篇老外写的文章 <List all IP addresses connected ...
- JVM进程启动会启动哪些线程?
首先要明白一点:JVM本身是一个多线程的程序,和我们编写的java应用程序一样,当JVM启动执行时就是在操作系统中启动了一个JVM进程.我们编写的java单线程或多线程应用进程都是在JVM这个程序中作 ...
- 语音活性检测器py-webrtcvad安装使用
谷歌为WebRTC项目开发的VAD是目前最优秀.最先进和免费的产品之一.webrtcvad是WebRTC语音活动检测器(VAD)的python接口.兼容python2和python3.功能是将一段音频 ...
- Web前端方向课程要点:CSS3渐变制作过程
CSS3 渐变 CSS3 渐变(gradient)可以让你在两个或多个指定的颜色之间显示平稳的过渡. 以前,你必须使用图像来实现这些效果,现在通过使用 CSS3 的渐变(gradients)即可实现. ...
- nodejs笔记之路由及util和url模块
路由是URL到函数的映射:对于最简单的静态资源服务器,可以认为,所有URL的映射函数就是一个文件读取操作.对于动态资源,映射函数可能是一个数据库读取操作,也可能是进行一些数据的处理,等等. 如: /u ...
- Angular ( 一 ) angular的安装
1. 全局安装angular 脚手架工具 npm install -g @angular/cli 2. 打开到创建目录: 3. 创建项目 ng new my-app 4. 打开项目 5. 安装依赖 n ...
- Gitlab安装、汉化及使用
环境:centos 关闭防火墙和selinux [root@Gitlab ~]# setenforce [root@Gitlab ~]# service iptables stop && ...
- FairyGUI TextField
记录一个在使用FairyGUI的TextField时遇到的坑. TextField有一个文本模板功能,可以实现类似占位符的功能,如:{ number = 0 },然后我们可以在脚本中修改number的 ...