首页 > Web开发 > 详细

jqueryValidate

时间:2018-12-16 15:10:12      阅读:124      评论:0      收藏:0      [点我收藏+]

参数详情可参见: http://www.runoob.com/jquery/jquery-plugin-validate.html

 

 

基本使用:

                /** 数据保存前校验 **/
        $("#userInfoForm").validate({
            debug:true,         //仅测试不提交
            onsubmit:false,     //校验时间
            ignore: ".ignore",  //ignore class的不做校验
            rules: {
                "name": {
                    required: true
                },
                "gender": {
                    required: true,
                    maxlength: 1
                }
                "message":{
                    required: function(){if($("gender").val() == ‘MV‘){return true;} return false;},
                    url: true
                }
            },
            messages: {
                "name": {
                    required: "请输入名字"
                },
                "gender":{
                    required: "请输入性别",
                    maxlength: $.validator.format("性别长度不能大于{0}个字符");
                }
            });


/** 执行校验 **/
$("#userInfoForm").valid();
 

添加自定义方法:

        /** 自定义validate方法 验证日期和时间 **/
        $.validator.addMethod("myTimes",function(value,element,params){
            value = $.trim(value);
            if(value.indexOf(":") < 0){
                return false;
            }
            var hm = value.split(":");
            if(!(/^[0-9]{1,2}$/).test(hm[0]) || !(/^[0-9]{1,2}$/).test(hm[1])){
                return false;
            }
            if(hm[0] > 24 || hm[1] > 60){
                return false;
            }
            return true;
        }, "时间格式不正确,请采用hh:mm形式");

 

jqueryValidate

原文:https://www.cnblogs.com/DennyZhao/p/10126537.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!