文档章节

jq validate 自定义校验方法

之渊
 之渊
发布于 2016/12/06 11:45
字数 364
阅读 20
收藏 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
博文 508
码字总数 150392
作品 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

没有更多内容

加载失败,请刷新页面

加载更多

下一页

OSChina 周日乱弹 —— 种族不同,禁止交往

Osc乱弹歌单(2018)请戳(这里) 【今日歌曲】 @小小编辑:推荐歌曲《苏菲小姐》- 鱼果 《苏菲小姐》- 鱼果 手机党少年们想听歌,请使劲儿戳(这里) @貓夏:下大雨 正是睡觉的好时候 临睡前...

小小编辑
今天
199
6
Python 搭建简单服务器

Python动态服务器网页(需要使用WSGI接口),基本实现步骤如下: 1.等待客户端的链接,服务器会收到一个http协议的请求数据报 2.利用正则表达式对这个请求数据报进行解析(请求方式、提取出文...

代码打碟手
今天
1
0
Confluence 6 删除垃圾内容

属性(profile)垃圾 属性垃圾的定义为,一个垃圾用户在 Confluence 创建了用户,但是这个用户在自己的属性页面中添加了垃圾 URL。 如果你有很多垃圾用户在你的系统中创建了属性,你可以使用...

honeymose
今天
0
0
qduoj~前端~二次开发~打包docker镜像并上传到阿里云容器镜像仓库

上一篇文章https://my.oschina.net/finchxu/blog/1930017记录了怎么在本地修改前端,现在我要把我的修改添加到部署到本地的前端的docker容器中,然后打包这个容器成为一个本地镜像,然后把这...

虚拟世界的懒猫
今天
1
0
UML中 的各种符号含义

Class Notation A class notation consists of three parts: Class Name The name of the class appears in the first partition. Class Attributes Attributes are shown in the second par......

hutaishi
今天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部