`

jQuery validate 日期比较 自定义验证方法

 
阅读更多
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
  <script type="text/javascript" src="jquery-1.4.2.js"></script>
  <script type="text/javascript" src="jquery.validate.js"></script>
  <SCRIPT LANGUAGE="JavaScript">
  <!--
    jQuery(function(){       
        jQuery.validator.methods.compareDate = function(value, element, param) {
            //var startDate = jQuery(param).val() + ":00";补全yyyy-MM-dd HH:mm:ss格式
            //value = value + ":00";
           
            var startDate = jQuery(param).val();
           
            var date1 = new Date(Date.parse(startDate.replace("-", "/")));
            var date2 = new Date(Date.parse(value.replace("-", "/")));
            return date1 < date2;
        };
       
        jQuery("#form1").validate({
            focusInvalid:false,
            rules:{
                "timeStart":{
                    required: true
                },
                "timeEnd": {
                    required: true,
                    compareDate: "#timeStart"
                }
            },
            messages:{
                "timeStart":{
                    required: "开始时间不能为空"
                },
                "timeEnd":{
                    required: "结束时间不能为空",
                    compareDate: "结束日期必须大于开始日期!"
                }
            }
        });
    });
  //-->
  </SCRIPT>
</HEAD>

<BODY>
<form id="form1" name="form1" method="post" action="demo.html">
   <p>timeStart:
     <input name="timeStart" type="text" id="timeStart" value="2011-02-17 10:00:00"> yyyy-MM-dd HH:mm:ss
   </p>
   <p>timeEnd:
     <input name="timeEnd" type="text" id="timeEnd" value="2011-02-17 9:00:00"> yyyy-MM-dd HH:mm:ss
   </p>
   <p>
     <input type="submit" name="Submit" value="提交">
   </p>
</form>
 
</BODY>
</HTML>
分享到:
评论

相关推荐

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

    jquery validate有很多验证规则,但是更多的时候,需要根据特定的情况进行自定义验证规则。 这里就来聊一聊jquery validate的自定义验证。 jquery validate有一个方法,可以让用户来自定义验证规则。 案例一: 代码...

    jquery validate 验证自定义样式

    NULL 博文链接:https://a-alter.iteye.com/blog/1149470

    jquery的validate方法运用

    jquery validate方法 可以自定义方法,比如电话号码验证,判断两个字符串相等

    jQuery插件Validate实现自定义表单验证

    主要介绍了jQuery插件Validate实现自定义表单验证,自定义一个验证方法,感兴趣的小伙伴们可以参考一下

    JQuery扩展插件Validate 5添加自定义验证方法

    示例如下: 代码如下: [removed] jQuery.validator.addMethod(“regex”, //addMethod第1个参数:方法名称 function(value, element, params) { //addMethod第2个参数:验证方法,参数(被验证元素的值,被验证元素,...

    JQuery Validate插件的验证规则和例子,合成AJAX

    JQuery Validate插件的验证规则和例子,合成AJAX,局部刷新

    Jquery validate验证框架案例

    非常好的Jquery validate:每个案例独立,都有注释 讲解了: 环境搭建 常见验证方法配置 国际化错误消息 自定义方法和远程验证 给验证添加 图标效果

    jQuery.validate chm格式帮助文档

    该插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,同时提供了一个用来编写用户自定义方法的 API。所有的捆绑方法默认使用英语作为错误信息,且已翻译成其他 37 种语言。 该插件是由 Jörn Zaefferer 编写...

    jQuery Validate插件自定义验证规则的方法

    主要介绍了jQuery Validate插件自定义验证规则的方法,f非常不错,具有参考借鉴价值,需要的朋友可以参考下

    jquery-validate-1.4.0

    该插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,同时提供了一个用来编写用户自定义方法的 API。所有的捆绑方法默认使用英语作为错误信息,且已翻译成其他 37 种语言。 该插件是由 Jörn Zaefferer 编写...

    jquery validate添加自定义验证规则(验证邮箱 邮政编码)

    jQuery:validate添加自定义验证 jQuery.validator.addMethod添加自定义的验证规则 addMethod:name, method, message 简单实例:单个验证的添加 代码如下:&lt;!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 ...

    jquery.validate-1.13.1.js

    jquery.validate插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求。该插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,同时提供了一个用来...

    jQuery Validate插件实现表单验证

    该插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,同时提供了一个用来编写用户自定义方法的 API。所有的捆绑方法默认使用英语作为错误信息,且已翻译成其他 37 种语言。更重要的是他是由jQuery 团队、 ...

    jquery.validate 自定义验证方法及validate相关参数

    Jquery Validate 相关参数 //定义中文消息 var cnmsg = { required: “必选字段”, remote: “请修正该字段”, email: “请输入正确格式的电子邮件”, url: “请输入合法的网址”, date: “请输入合法的日期”, ...

    JS验证控件JQuery Validate案例

    jQuery Validate 插件为表单提供了强大的验证功能,让...该插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,同时提供了一个用来编写用户自定义方法的 API,我这边实现了简单的Demo,可以根据自己的需求添加

    jqueryValidate

    自定义ajax jQuery验证,用户向后台提交数据进行的前端数据验证

    jquery validate poshytip 自定义样式

    最近项目中做了一个jquery.validate气泡提示。 好像最新版的jquery.validate中,有这个功能,但在我这里不怎么好用。 就自己加了一个。 找了一些插件qtip2的样式不错,但我本地显示不出来呀。他本身也有jquery....

Global site tag (gtag.js) - Google Analytics