基础的参考:http://blog.csdn.net/zhoujiaolongde/article/details/6718565
jQuery.validator.addMethod("name",function,message)
1, name为验证规则的名称
2, function定义验证的规则。
3, message是return false时的提示信息。
其中 function(value, element, params) 定义:
1)element代表包含class有endDate的控件,example 1即id为stopD控件
2)value代表stopD控件的值
3)params代表传的值,比如example 3,"startDate","starth_v","endDate","endh_v"
example 1:
<input class="endDate" id="stopD">
js中定义:
jQuery.validator.addMethod("endDate",
function(value, element) {
var startDate = $('#startD').val();
var d1=startDate.split("-");
var d2=value.split("-");
var day1=new Date(d1[0],d1[1],d1[2]);
var day2=new Date(d2[0],d2[1],d2[2]);
return day1 <= day2;
},
"End time must be greater than start time");
example 2:
jQuery.validator.addMethod("minWords", function(value, element, params) {
return this.optional(element) || stripHtml(value).match(/\b\w+\b/g).length >= params;
}, jQuery.validator.format("Please enter at least {0} words."));
example 3:
$("#queryForm").validate({
rules: timecheck:{datediff: ["startDate","starth_v","endDate","endh_v"]}},
messages:{timecheck:{datediff: "Start time must be less than end time"}}
...
jQuery.validator.addMethod("datediff",
function(value, element,param) {
var d1=$("#"+param[0]).val();
var h1=$("#"+param[1]).val();
var d2=$("#"+param[2]).val();
var h2=$("#"+param[3]).val();
...
分享到:
相关推荐
`jQuery Validate` 插件是实现这一功能的有力工具,它提供了一套便捷、可扩展的验证机制。下面将详细介绍`jQuery Validate`插件的使用方法、常见规则以及如何自定义验证规则。 首先,要使用`jQuery Validate`插件,...
为了启用验证,我们首先需要在页面中引入 `jQuery` 库以及 `jQuery Validate` 插件的 JavaScript 文件。通常,这将包括引入 `jquery.js` 和 `jquery.validate.js`。 ```html <script src="path/to/jquery.js"> ...
### jQuery编程笔记知识点详解 #### 一、jQuery概述 1. **简介** - **定义**: jQuery是一款轻量级的JavaScript库,旨在简化HTML文档的操作、事件处理、动画及Ajax交互。 - **特点**: - **轻量化**: 减少...
《jQuery基础自学笔记》 jQuery 是一款非常流行的 JavaScript 库,由 John Resig 在2006年创建,它的出现极大地简化了JavaScript的DOM操作、事件处理、动画设计以及Ajax交互。jQuery 的设计理念是“Write Less, Do ...
7. **插件扩展**: jQuery生态系统中有大量的插件,如用于图像轮播的`jQuery.cycle()`,表单验证的`jQuery.validate()`等,它们极大地丰富了jQuery的功能。 8. **兼容性与性能**: jQuery对浏览器的兼容性非常好,...
本学习笔记将深入探讨jQuery的核心概念、常用函数和实用技巧,帮助开发者快速掌握并应用jQuery。 一、jQuery核心概念 1. 选择器:jQuery的核心在于强大的选择器功能,它允许开发者通过CSS样式选择器来选取DOM元素...
除此之外,jQuery.Validate还具有扩展性强、易于使用和配置的特点。 在这份文档中,我们看到了如何创建一个通用的验证范例,使用了jQuery.Validate插件,并且包含了各种不同类型的验证方法。以下是一些关于文档中...
**jQuery学习笔记** jQuery是一个广泛使用的JavaScript库,它极大地简化了HTML文档遍历、事件处理、动画设计和Ajax交互。由于其简洁的API和强大的功能,jQuery成为了前端开发中的首选工具之一。 ### 1. jQuery核心...
**表单验证** 是 Web 开发中常见的任务之一,jQuery 提供了 `validate` 插件来简化这一过程。使用该插件,可以通过简单的配置来实现复杂的表单验证逻辑。 - **引入 jQuery validate 插件**: ```html ...
3. **jQuery学习笔记**:JQuery学习笔记.doc包含了作者在学习过程中的心得和实践案例,是理论与实际相结合的学习材料,有助于加深理解和记忆。 4. **jQuery技巧大放送**:jQuery技巧大放送.doc收录了一系列实用的...
《jQuery笔记1——深入理解与应用》 在前端开发领域,jQuery是一个不可或缺的JavaScript库,它极大地简化了DOM操作、事件处理、动画效果以及Ajax交互等任务。本篇笔记将围绕jQuery的核心概念、常用方法以及在实际...
validateForm(); // 验证整个表单 }); ``` **3. 验证函数** 编写验证函数是核心部分。例如,我们可以检查输入是否为空,长度是否符合要求,或者格式是否正确(如邮箱、电话号码)。以下是一个简单的非空验证示例...
比如,可以使用`jQuery.validate`插件进行表单验证,或者使用`Countdown`插件实现答题时间限制。插件通常封装了一些常见需求,让开发者能快速实现特定功能。 总结,这个“jQuery在线考试答题代码”是一个实践性的...
例如,一个常用的表单验证插件validate,不仅需要引入基本的validate插件文件,还可以引入不同语言包,如messages_zh.js,来支持中文等语言的验证提示信息。通过这种方式,开发者可以快速地为Web项目添加各种功能,...
4. **插件支持**:jQuery拥有丰富的插件库,如用于表单验证的`validate()`, 用于滚动效果的`slimScroll`等。在购物车结算中,可以利用这些插件实现更复杂的功能,如自动计算折扣、显示满减提示等。 5. **响应式设计...
**jQuery:jQuery相关-学习代码和笔记** jQuery是一款强大的JavaScript库,它简化了HTML文档遍历、事件处理、动画制作和Ajax交互等任务。自2006年发布以来,jQuery已经成为前端开发中最广泛使用的库之一,极大地...
《jQuery随机数字运算验证码代码详解》 在网页开发中,验证码是一种常见的安全机制,用于防止自动化的机器人程序进行恶意操作。本篇文章将深入探讨如何利用jQuery实现一个随机数字运算的验证码功能,结合提供的...