`
fs_fly
  • 浏览: 26112 次
  • 性别: Icon_minigender_2
  • 来自: 杭州
社区版块
存档分类
最新评论

jquery validate 笔记

 
阅读更多

基础的参考: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笔记(表单验证)

    `jQuery Validate` 插件是实现这一功能的有力工具,它提供了一套便捷、可扩展的验证机制。下面将详细介绍`jQuery Validate`插件的使用方法、常见规则以及如何自定义验证规则。 首先,要使用`jQuery Validate`插件,...

    JQuery笔记(表单验证).

    为了启用验证,我们首先需要在页面中引入 `jQuery` 库以及 `jQuery Validate` 插件的 JavaScript 文件。通常,这将包括引入 `jquery.js` 和 `jquery.validate.js`。 ```html &lt;script src="path/to/jquery.js"&gt; ...

    jQuery编程笔记

    ### jQuery编程笔记知识点详解 #### 一、jQuery概述 1. **简介** - **定义**: jQuery是一款轻量级的JavaScript库,旨在简化HTML文档的操作、事件处理、动画及Ajax交互。 - **特点**: - **轻量化**: 减少...

    jQuery基础自学笔记(pink老师jQuery全内容)

    《jQuery基础自学笔记》 jQuery 是一款非常流行的 JavaScript 库,由 John Resig 在2006年创建,它的出现极大地简化了JavaScript的DOM操作、事件处理、动画设计以及Ajax交互。jQuery 的设计理念是“Write Less, Do ...

    jquery学习笔记-相关代码

    7. **插件扩展**: jQuery生态系统中有大量的插件,如用于图像轮播的`jQuery.cycle()`,表单验证的`jQuery.validate()`等,它们极大地丰富了jQuery的功能。 8. **兼容性与性能**: jQuery对浏览器的兼容性非常好,...

    jQuery学习笔记

    本学习笔记将深入探讨jQuery的核心概念、常用函数和实用技巧,帮助开发者快速掌握并应用jQuery。 一、jQuery核心概念 1. 选择器:jQuery的核心在于强大的选择器功能,它允许开发者通过CSS样式选择器来选取DOM元素...

    jQuery.Validate 使用笔记(jQuery Validation范例 )

    除此之外,jQuery.Validate还具有扩展性强、易于使用和配置的特点。 在这份文档中,我们看到了如何创建一个通用的验证范例,使用了jQuery.Validate插件,并且包含了各种不同类型的验证方法。以下是一些关于文档中...

    jquery学习笔记

    **jQuery学习笔记** jQuery是一个广泛使用的JavaScript库,它极大地简化了HTML文档遍历、事件处理、动画设计和Ajax交互。由于其简洁的API和强大的功能,jQuery成为了前端开发中的首选工具之一。 ### 1. jQuery核心...

    jQuery笔记

    **表单验证** 是 Web 开发中常见的任务之一,jQuery 提供了 `validate` 插件来简化这一过程。使用该插件,可以通过简单的配置来实现复杂的表单验证逻辑。 - **引入 jQuery validate 插件**: ```html ...

    jquery 入门到精通 学习总结 资源

    3. **jQuery学习笔记**:JQuery学习笔记.doc包含了作者在学习过程中的心得和实践案例,是理论与实际相结合的学习材料,有助于加深理解和记忆。 4. **jQuery技巧大放送**:jQuery技巧大放送.doc收录了一系列实用的...

    jquery笔记1

    《jQuery笔记1——深入理解与应用》 在前端开发领域,jQuery是一个不可或缺的JavaScript库,它极大地简化了DOM操作、事件处理、动画效果以及Ajax交互等任务。本篇笔记将围绕jQuery的核心概念、常用方法以及在实际...

    JQuery笔记(表单验证).rar

    validateForm(); // 验证整个表单 }); ``` **3. 验证函数** 编写验证函数是核心部分。例如,我们可以检查输入是否为空,长度是否符合要求,或者格式是否正确(如邮箱、电话号码)。以下是一个简单的非空验证示例...

    jQuery在线考试答题代码.zip

    比如,可以使用`jQuery.validate`插件进行表单验证,或者使用`Countdown`插件实现答题时间限制。插件通常封装了一些常见需求,让开发者能快速实现特定功能。 总结,这个“jQuery在线考试答题代码”是一个实践性的...

    分享jQuery插件的学习笔记

    例如,一个常用的表单验证插件validate,不仅需要引入基本的validate插件文件,还可以引入不同语言包,如messages_zh.js,来支持中文等语言的验证提示信息。通过这种方式,开发者可以快速地为Web项目添加各种功能,...

    jQuery手机移动端外卖点餐购物车结算代码.zip

    4. **插件支持**:jQuery拥有丰富的插件库,如用于表单验证的`validate()`, 用于滚动效果的`slimScroll`等。在购物车结算中,可以利用这些插件实现更复杂的功能,如自动计算折扣、显示满减提示等。 5. **响应式设计...

    jQuery:jQuery相关-学习代码和笔记

    **jQuery:jQuery相关-学习代码和笔记** jQuery是一款强大的JavaScript库,它简化了HTML文档遍历、事件处理、动画制作和Ajax交互等任务。自2006年发布以来,jQuery已经成为前端开发中最广泛使用的库之一,极大地...

    jQuery随机数字运算验证码代码.zip

    《jQuery随机数字运算验证码代码详解》 在网页开发中,验证码是一种常见的安全机制,用于防止自动化的机器人程序进行恶意操作。本篇文章将深入探讨如何利用jQuery实现一个随机数字运算的验证码功能,结合提供的...

Global site tag (gtag.js) - Google Analytics