来源：http://www.cnblogs.com/aaa6818162/archive/2012/03/06/2381414.html
<!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插件默认提供了一些基本的样式，但这些样式可能不能满足所有设计...
2. **JavaScript文件**：可能包含了自定义验证规则的实现，或者对jQuery Validate的配置和扩展。 3. **HTML模板**：可能展示了如何在实际表单中应用这些自定义样式和规则。 通过结合使用这些文件，你可以构建出符合...
接下来，我们将深入探讨jQuery Validate的使用方法、核心概念以及如何结合其他脚本文件实现自定义验证。 首先，`jquery.js`是jQuery的核心库，它是jQuery Validate的基础，没有它，我们无法使用jQuery Validate。...
最后，我们将这个自定义验证方法应用到表单字段上，通常是通过设置`rules`属性： ```javascript $("#yourInputField").rules("add", { formula: true, // 使用自定义的验证方法 messages: { formula: "请正确...
在jQuery Validate中，自定义验证方法的添加是通过$.validator.addMethod方法实现的。该方法接受三个参数：一个是方法的名称，一个是验证函数，还有一个是当验证失败时显示的错误信息。自定义验证方法可以在页面加载...
2. **自定义验证规则**：除了预设的验证规则，如`required`、`email`、`url`等，开发者还可以通过`$.validator.addMethod()`方法创建自己的验证规则。 3. **错误消息定制**：默认的错误消息可以通过`messages`选项...
在网页开发中，jQuery Validate 是一个非常常用的验证插件，用于对用户输入的数据进行校验，确保数据的有效性和完整性。这个插件可以帮助开发者创建复杂的表单验证规则，提高用户体验，减少服务器端的压力。结合 ...
当内置规则无法满足需求时，可以创建自定义验证方法。例如，检查密码是否包含数字和字母： ```javascript $.validator.addMethod('customPassword', function(value, element) { return this.optional(element) ...
3. **自定义验证规则**：如果你需要更复杂的验证逻辑，可以通过`.addMethod()`函数创建自定义验证规则。例如，检查密码强度的规则： ```javascript $.validator.addMethod('customPassword', function(value) { ...
jQuery Validate还提供了自定义验证方法的功能，允许开发者根据项目需求创建自己的验证规则。例如，验证密码强度： ```javascript $.validator.addMethod("passwordStrength", function(value, element) { // 这里...
《关于jQuery Validate Plugin指定需要验证对象的解决方案》 在Web开发中，表单验证是必不可少的一环，确保用户输入的数据符合预设的规则。jQuery Validate Plugin是一款强大的客户端表单验证插件，它使得这一过程...
6. **插件扩展**：jQuery Validate 插件具有良好的可扩展性，可以通过编写自定义方法来扩展验证规则。 在jQuery Validate 1.1.2版本中，可能包含以下更新： - **修复已知bug**：此版本可能会修复了前一版本中报告...
此外，还可以自定义验证规则，通过`.rules('add', {rule: value})`方法为表单元素添加新的验证规则。 验证插件提供了多种内置验证方法，如email、url、date等，可以直接用于检查用户的输入是否符合这些标准格式。...
在本文中，我们将深入探讨如何使用jQuery Validate插件来创建一个功能完备的注册表单，进行数据提交前的验证。jQuery Validate是一个强大的JavaScript库，它为HTML表单提供了灵活且易于使用的验证规则，确保用户输入...
jQuery Validate插件是实现表单验证功能的一个强大工具，它提供了丰富的验证规则和自定义选项。然而，默认情况下，jQuery Validate插示错误提示的位置可能并不符合所有项目的需求。本文将详细介绍如何修改jQuery ...
jQuery Validate插件是用于在客户端进行表单验证的强大工具，它提供了丰富的验证规则和自定义方法，使得用户在提交表单前可以即时检测输入数据的有效性，大大提升了用户体验。该插件是jQuery库的一个扩展，通过简单...
本文将深入探讨`jquery validate`方法的运用，以及如何自定义验证方法。 `validate`方法是jQuery Validate插件的核心，它的主要功能是为HTML表单提供实时和提交时的验证。通过使用这个方法，我们可以轻松地添加各种...
jQuery Validate 插件是Web开发中广泛使用的工具，主要用于实现前端表单验证，它极大地简化了用户输入数据的检查过程，提供了丰富的验证规则和自定义方法。在这个“jQuery Validate插件验证表单小练”中，我们将深入...
2. **初始化验证**：使用`jQuery`选择器找到需要验证的表单元素，并调用`.validate()`方法，配置相应的验证规则。例如，对于密码字段，可能有`required`（必填）、`minlength`（最小长度）和自定义的正则表达式规则...