提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  后端

当前栏目

修改jQueryValidation里默认的验证方法

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

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

复制代码代码如下:

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

此外替换默认的message，也可以用同样的办法，比如：
复制代码代码如下:

$.validator.messages.date="hey,youenteredaninvaliddate"

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

相关文章