文档章节

jq validate 自定义校验方法

之渊
 之渊
发布于 2016/12/06 11:45
字数 364
阅读 21
收藏 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
博文 518
码字总数 153784
作品 0
佛山
程序员
Struts2的学习笔记(2)

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

larch
2012/03/23
0
0
jquery常用遍历工具函数

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

透笔度
2015/09/21
108
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

没有更多内容

加载失败,请刷新页面

加载更多

搬瓦工镜像站bwh1.net被DNS污染,国内打不开搬瓦工官网

今天下午(2018年10月17日),继搬瓦工主域名bandwagonhost.com被污染后,这个国内的镜像地址bwh1.net也被墙了。那么目前应该怎么访问搬瓦工官网呢? 消息来源:搬瓦工优惠网->搬瓦工镜像站b...

flyzy2005
41分钟前
1
0
SpringBoot自动配置

本篇介绍下,如何通过springboot的自动配置,将公司项目内的依赖jar,不需要扫描路径,依赖jar的情况下,就能将jar内配置了@configuration注解的类,创建到IOC里面 介绍下开发环境 JDK版本1.8 spr...

贺小五
今天
3
0
命令行新建Maven多项目

参考地址 # DgroupId 可以理解为包名# DartifactId 可以理解为项目名mvn archetype:generate -DgroupId=cn.modfun -DartifactId=scaffold -DarchetypeArtifactId=maven-archetype-quickst......

阿白
今天
1
0
OSChina 周四乱弹 —— 上帝对我单身年限的惩罚越来越长了

Osc乱弹歌单(2018)请戳(这里) 【今日歌曲】 @达尔文:分享张卫健的单曲《身体健康》 《身体健康》- 张卫健 手机党少年们想听歌,请使劲儿戳(这里) 昨天是重阳节咯, 可惜小小编辑总是晚...

小小编辑
今天
12
1
django rest framework 外键序列化方法与问题总结

django rest framework 外键序列化方法与问题总结 当借口中需要出现一对多关系的时候,我们可以用rest_framwork的序列化功能来处理,代码如下. # models.pyfrom django.db import modelscl...

_Change_
昨天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部