修改jQuery Validation里默认的验证方法

在最近做的一个项目中，使用jQuery Validation验证日期，遇到的问题和一个没有预料到的情况是，在ASP.NET MVC 3的项目中，对于 <input type="date" data-val="true" />的元素，如果调用form的valid方法验证form，虽然我没有添加日期验证的设置，仅仅type="date"，但其依然调用了日期验证逻辑来验证日期格式是否正确。这本来是个不错的行为，但问题在于，其支持的日期格式有限，阅读jQuery Validation的代码会知道（当然，文档中也有说明），对于“date”，日期验证只是利用Javascript内置的处理来验证，反映到代码里，就是看new Date(日期字符串)能否成功。在我的电脑中，输入日期"9/5/2012"可以验证通过，但“2012-9-5”验证失败，后者显然也是一种正确的格式。我需要改变或者改善这种行为。如何做？

当然，我们可以修改jQuery Validation的源代码，但是首先，我引用的是CDN上的代码，其次，作为一个public的库，我想还是尽量不要自己去改动，日久天长，可能我们已经忘记了对它的修改，而官方更新新版本时，我们弄下来更新，结果就把我们自己的修改给覆盖了。更好的办法，是打补丁，从外部把date的验证函数替换成我们自己的。这里或许要感谢Javascript的OO还不是那么彻底，并没有把那些内置验证方法整成protected/private，看了源代码之后，替换的方法很简单，在引用jQuery Validation的源码之后，再这样替换：

代码如下:

$.validator.methods.date = function (value, element)
{
// Date.parse函数源自另外一个处理日期的库
return this.optional(element) || Date.parse(value) != null;
};

此外替换默认的message，也可以用同样的办法，比如：


代码如下:

$.validator.messages.date = "hey, you entered an invalid date"

当然，处理messages有其他支持的更好的办法，这在jQuery Validation的全球化和本地化的说明中有提及。

赞 (0)

相关推荐

  • jQuery 表单验证插件formValidation实现个性化错误提示

    jQuery 表单验证插件formValidation实现个性化错误提示

    其效果图如下:使用说明 需要使用jQuery库文件和formValidation库文件[下载实例代码] http://jquery.com/ 同时需要自定义显示提示错误信息的CSS样式 使用实例 一,包含文件部分 复制代码 代码如下: <script src="jquery.js" type="text/javascript"></script> <script src="jquery.validationEngine.js&

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

    验证操作类formValidatorClass.js 复制代码 代码如下: /** * @author ming */ $(document).ready(function(){ /**//* 设置默认属性 */ $.validator.setDefaults({ submitHandler: function(form) { form.submit(); } }); // 字符验证 jQuery.validator.addMethod("stringCheck", function(

  • jQuery插件之validation插件

    jQuery插件之validation插件

    前面的话 最常使用javascript的场合就是表单的验证,而jQuery作为一个优秀的javascript库,也提供了一个优秀的表单验证插件--Validation.Validation是历史最悠久的jQuery插件之一,经过了全球范围内不同项目的验证,并得到了许多Web开发者的好评.本文将详细介绍validation插件 概述 jQuery Validate插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求.该插件捆绑了一套有用的验证方

  • ASP.NET中实现jQuery Validation-Engine的Ajax验证

    ASP.NET中实现jQuery Validation-Engine的Ajax验证

    见下图: 验证的例子:http://www.position-relative.net/creation/formValidator/ 官方地址: http://www.position-absolute.com/articles/jquery-form-validator-because-form-validation-is-a-mess/ 这个插件支持大部分的浏览器,但由于有使用到了css3的阴影和圆角样式,所以在IE浏览器下无法看到圆角和阴影效果(IE 9 支持圆角效果). 本文主要内容是

  • ASP.NET中实现jQuery Validation-Engine的Ajax验证实现代码

    ASP.NET中实现jQuery Validation-Engine的Ajax验证实现代码

    见下图: 验证的例子:http://www.position-relative.net/creation/formValidator/ 官方地址: http://www.position-absolute.com/articles/jquery-form-validator-because-form-validation-is-a-mess/ 这个插件支持大部分的浏览器,但由于有使用到了css3的阴影和圆角样式,所以在IE浏览器下无法看到圆角和阴影效果(IE 9 支持圆角效果). 本文主要内容是

  • jQuery Validation Plugin验证插件手动验证

    jquery.validate是jquery旗下的一个验证框架,借助jquery的优势,我们可以迅速验证一些常见的输入,并且可以自己扩充自己的验证方法,并且对国际化也有很好的支持. 正常的验证模式如下: <form id="ff" action="xxx"> ... <input type="submit" value="提交"> </form> [java] view plaincopy在

  • jQuery Validation PlugIn的使用方法详解

    一.用前必备  官方网站:http://bassistance.de/jquery-plugins/jquery-plugin-validation/  API: http://jquery.bassistance.de/api-browser/plugins.html  当前版本:1.5.5  需要JQuery版本:1.2.6+, 兼容 1.3.2  <script src="../js/jquery.js" type="text/javascript"&g

  • jquery插件validation实现验证身份证号等

    先推荐一个基于bootstrap的jQuery validation插件:http://thrilleratplay.github.io/jquery-validation-bootstrap-tooltip/ jQuery validation添加验证规则 validata.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/D

  • jquery validation验证身份证号,护照,电话号码,email(实例代码)

    validata.htm 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http

  • jQuery插件Validation快速完成表单验证的方式

    jQuery插件Validation快速完成表单验证的方式

    JQuery的Validation插件可以到http://plugins.jquery.com/上去下载.今天来分享一下,关于这个插件的使用. 简易使用 这第一种方式可谓是傻瓜式的使用,我们只需要按照validation定义好的规则就可以了.  •首先引入JQuery库和Validation插件:  <script type="text/javascript" src="jquery-2.2.4.min.js"></script> <s

随机推荐