jq validate 自定义校验方法

原创
2016/12/06 11:45
阅读数 154

前端页面例子

<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

展开阅读全文
加载中
点击引领话题📣 发布并加入讨论🔥
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部