<!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.js`是jQuery的核心库,它是jQuery Validate的基础,没有它,我们无法使用jQuery Validate。...
### jQuery Validate 插件使用详解 #### 一、概述 jQuery Validate 是一款强大的表单验证插件,基于 jQuery 框架开发而成。它能够帮助开发者轻松实现客户端表单验证功能,大大提高了用户体验并减少了服务器端的...
6. **与jQuery UI集成**:与其他jQuery UI组件兼容,如日期选择器等。 ### 使用方法 在项目中引入jQuery Validate 1.8.1,首先需要加载jQuery库,然后引入`jquery.validate.1.8.1.js`文件。接下来,我们可以对表单...
### jQuery.validate 扩展身份证校验方法 在前端开发中,对用户输入的数据进行校验是非常重要的一步,它能够帮助开发者提高数据的准确性和安全性。本文将详细介绍如何使用`jQuery.validate`插件来扩展身份证号码的...
首先,使用`jQuery Validate`需要引入相关的文件,包括`jquery.validate.js`作为核心验证框架,`additional-methods.js`包含了一些额外的验证方法,`messages_cn.js`用于本地化消息,以及`jquery.validate.css`定义...
- `additional-methods.js`:这个文件包含了扩展验证方法,如信用卡验证、日期验证等,可以按需引入。 4. **本地化(localization)**:`jQuery Validate`支持多语言,`localization`目录可能包含不同语言的错误...
2 remote:"check.php" 使用 ajax 方法调用 check.php 验证输入值。 3 email:true 必须输入正确格式的电子邮件。 4 url:true 必须输入正确格式的网址。 5 date:true 必须输入正确格式的日期。日期校验 ie6 出错,慎...
jQuery.validate还支持许多插件,如additional-methods.js,它包含了更多验证方法,如`alpha`, `alnum`, `lettersonly`等。 7. **异步验证**: `remote`规则可以用来进行服务器端验证,通过AJAX请求向服务器发送...
jquery validate有一个方法,可以让用户来自定义验证规则。 案例一: 代码如下://自定义验证 $.validator.addMethod(“isPositive”,function(value,element){ var score = /^[0-9]*$/; return this.optional...
**jQuery UI和jQuery Validate应用详解** 在Web开发中,用户界面的交互性和数据验证是至关重要的,这正是jQuery UI和jQuery Validate插件所擅长的领域。这两个强大的JavaScript库为开发者提供了丰富的功能,使得...
jQuery Validate插件是jQuery的一个强大的表单验证模块,用于在客户端对用户输入进行校验。通过它,开发者可以很容易地在网页的表单中添加验证功能,从而提升用户体验。以下是jQuery Validate插件表单验证的基本用法...
1. **自定义验证方法**:可以通过扩展jQuery Validate插件来添加自定义验证方法。 ```javascript $.validator.addMethod("myCustomMethod", function(value, element) { return value.length >= 5; }, "自定义...
### jQuery Validate 插件知识点详解 #### 一、插件简介 `jquery.validate`是一款用于前端页面表单验证的强大插件。它可以帮助开发者快速实现表单字段的有效性检查,提高用户体验的同时减少服务器端的压力。该插件...
2. 验证规则:文件列出了jquery.validate.js提供的多种表单验证规则,包括required(必填)、email(电子邮件格式)、url(URL格式)、date(日期格式)、dateISO(ISO日期格式)、number(数字)、digits(数字)、...
1. **引入库**:首先需要在页面中引入 jQuery 和 jQuery Validate 的库文件,通常是 `jquery.js` 和 `jquery.validate.js`。 2. **初始化插件**:在文档加载完成后,通过 `$("#formId").validate()` 来启用验证功能...