jq validate 自定义校验方法
博客专区 > 之渊 的博客 > 博客详情
jq validate 自定义校验方法
之渊 发表于1年前
jq validate 自定义校验方法
  • 发表于 1年前
  • 阅读 10
  • 收藏 0
  • 点赞 0
  • 评论 0

腾讯云 技术升级10大核心产品年终让利>>>   

前端页面例子

<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

共有 人打赏支持
粉丝 8
博文 430
码字总数 126868
×
之渊
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: