jquery validate 自定义验证方法介绍 日期验证

2020-05-22 16:25:35易采站长站整理


方法如下:

$.validator.addMethod(“compareDate”,function(value,element){
                var assigntime = $(“#assigntime”).val();
                var deadlinetime = $(“#deadlinetime”).val();
                var reg = new RegExp(‘-‘,’g’);
                assigntime = assigntime.replace(reg,’/’);//正则替换
                deadlinetime = deadlinetime.replace(reg,’/’);
                assigntime = new Date(parseInt(Date.parse(assigntime),10));
                deadlinetime = new Date(parseInt(Date.parse(deadlinetime),10));
                if(assigntime>deadlinetime){
                    return false;
                }else{
                    return true;
                }
            },”<font color=’#E47068′>结束日期必须大于开始日期</font>”);

上述代码红色部分是对时间字符串进行处理,处理成2013/12/12 08:09:00这种标准格式,


在处理的时候要用到replace的方法,这个方法最后结合正则表达式进行使用,也就是第一行的reg对象。


替换完了之后,如果比较时间呢?要进行三个处理,


1.将标准时间转化为时间戳通过Date.parse()方法来处理。


2.将时间戳转化为整数,确保万一,通过parseInt(“”,10)来处理。


3.将时间戳转为日期对象new Date()。


转为对象之后,就能够比较时间大小了,直接判断,如果结束时间小于开始时间,就进行错误提示。


这个时候compareDate就可以像其他的jquery validate验证规则一样验证了。


案例三:ajax验证


去数据库验证用户名是否存在,这个也会经常用到。

$.validator.addMethod(“checkUserExist”,function(value,element){
                var user = value;