文档章节

jq validate 自定义校验方法

之渊
 之渊
发布于 2016/12/06 11:45
字数 364
阅读 22
收藏 0

前端页面例子

<form>

<div class="form-group">

                                                        <label class="col-sm-1 control-label no-padding-right"
                                                               for="form-field-1">填报截止日期<span class="middle red">*</span></label>
                                                        <div class="col-sm-4">
                                                            <input type="text"  name="objReportEtime"  style="width:235px;" class="col-sm-12" validate="{required:true,range:[1,30],digits:true}"/>
                                                        </div>

                                                    </div>

                                                    <div class="form-group">

                                                        <label class="col-sm-1 control-label no-padding-right"
                                                               for="form-field-1">审批结束时间<span class="middle red">*</span></label>
                                                        <div class="col-sm-4">
                                                            <input type="text" 
                                                             name="paEtime"  style="width:235px;" class="col-sm-12" validate="{required:true,range:[1,31],digits:true}"/>
                                                        </div>

                                                           </div>

</form>

自定义校验,这里,判断 其中一个输入值 要大于 另一个输入值才 可以的

js代码:

//自定义校验
    //自定义一个验证方法
    $.validator.addMethod(
        "notThan", //验证方法名称
        function(value, element, param) { //验证规则

            var paEtime = $("input[name=paEtime]").val();
            var objReportEtime = $("input[name=objReportEtime]").val();

            if ((objReportEtime) && (paEtime)) {
                if (paEtime > objReportEtime) {
                    return true;
                } else {
                    return false; //校验不通过,提示校验信息
                }

            } else {
                return true;
            }

        },
        '不能小于填报截止日期' //验证提示信息
    );
    $("#hrEffPfmcePlanSaveForm").validate({
        rules: {

            paEtime: {
                notThan: true
            }
        }

    });

到这里就算完成自定义检验了,不会和原来的 validdate 自动的检验有冲突的

//表单绑定验证
    var savePostUrl = _ctxPath + "/pfmcePlan/hrEffPfmcePlan/save.do";
    bindFormValidation("hrEffPfmcePlanSaveForm", null, savePostUrl, saveCallback);
 

 

参考地址:

//加入自定义检验方法,validate
    //自定义一个验证方法
    $.validator.addMethod(
        "notThan", //验证方法名称
        function(value, element, param) { //验证规则
            =$("input[name=yearSearch]").val();
            if (true) {}
            return value == eval(param);
        },
        '不能小于目标填报结束日期' //验证提示信息
    );

   参考地址  自定义校验 例子: http://www.jb51.net/article/78213.htm

© 著作权归作者所有

共有 人打赏支持
之渊
粉丝 11
博文 545
码字总数 158790
作品 0
佛山
程序员
私信 提问
jquery常用遍历工具函数

遍历在这里 http://my.oschina.net/u/2352644/blog/508397 废话不多说,一个句话告诉你jq的遍历工具 我们对数组的循环一般是用for或者for in,这是原生js支持,同样既然用jq的了,咱jq也提供...

透笔度
2015/09/21
108
0
Struts2的学习笔记(2)

学了一阵子的struts2,感觉收获挺大的。对于校验这一块内容,只有更深入的了解,才能体会到它的灵活所在! 1、Action 中的自定义方法的输入校验。对于通过action的method属性所指定的自定义方...

larch
2012/03/23
0
0
yii里的authenticate() 和CModel的validate() 的各自的用处是什么?

LoginForm里有一个 public function authenticate($attribute,$params)UserIdentity 里有一个 public function authenticate()Cmodel里有一个 public function validate($attributes=null, $......

plugin
2015/10/26
0
0
自定义jQuery插件Step by Step

自定义jQuery插件Step by Step 1.1.1 摘要 随着前端和后端技术的分离,各大互联网公司对于Mobile First理念都是趋之若鹜的,为了解决网页在不同移动设备上的显示效果,其中一个解决方案就是R...

wolf_su
2013/07/04
0
0
backControl/halo.validate

#2017年6月16日 #halo.validate @Validate(rules = { })private String username; @Validate(rules = { @Rule(value = "required:true", message = "密码不能为空") })private String passw......

backControl
2017/06/21
0
0

没有更多内容

加载失败,请刷新页面

加载更多

dubbo 搭建与使用

官网:http://dubbo.apache.org/en-us/ 一,安装监控中心(可以不安装) admin管理控制台,monitor监控中心 下载 bubbo ops 这个是新版的,需要node.js环境,我没有就用老版的了...

小兵胖胖
6分钟前
0
0
mac 下 mysql 8.0.13 安装并记录遇到的问题 以便以后查看

安装 官网mysql 下载地址 安装过程 省去 安装好之后 下载navicat 错误1 链接 遇到 mysql 2003 - Can't connect to MySQL server 错误, 解决方案 重启mysql 服务 #错误2 ERROR 1045: Acces...

杭州-IT攻城狮
昨天
5
0

中国龙-扬科
昨天
1
0
[Spring4.x]基于spring4.x纯注解的Web工程搭建

在前文中已经说明了如何基于 Spring4.x+ 版本开发纯注解的非web项目,链接如下: https://my.oschina.net/morpheusWB/blog/2985600 本文则主要说明,如何在Web项目中,"基于spring纯注解方式...

morpheusWB
昨天
16
0
基础编程题目集-7-13 日K蜡烛图

股票价格涨跌趋势,常用蜡烛图技术中的K线图来表示,分为按日的日K线、按周的周K线、按月的月K线等。以日K线为例,每天股票价格从开盘到收盘走完一天,对应一根蜡烛小图,要表示四个价格:开...

niithub
昨天
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部