论坛首页 Web前端技术论坛

jQuery formValidator4.0 表单验证插件!含API帮助、源码、示例

浏览 4371 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2011-05-09   最后修改:2011-05-09
2011/4/30 jQuery formValidator 4.0ver
这次升级要感谢很多在博客里不断留言的网友,特别感谢网友“mark35”在博客上替我回答网友的提问,再次感谢。

1、这次升级精简了代码。

2、提高校验的速度。
如果控件的name相同,则只校验一次,加快校验速度

3、修复4个状态为空时,没有隐藏提示的问题。

4、修改initConfig配置里的onerror函数,增加一个“错误列表”参数。你可以把所有的错误信息集中显示在某处$.formValidator.initConfig({formid:"form1",
onerror:function(msg,obj,errorlist){
    //遍历所有的错误消息
   $.map(errorlist,function(msg1){alert(msg1)});
},
onsuccess:function(){alert('ddd');return false;}
});

5、针对问题比较多的ajaxValidator函数,进行如下修改a、支持同组的所有表单值都传递给服务器端
必须为每个控件增加name属性,否则是不会传递过去的。
b、去掉addidvalue参数。在服务器端,你可以通过name为clientid获取触发验证的控件ID名
c、为formvalidator增加ajax参数(值为true,false,默认true),表示ajaxValidator是否把该表单提交给服务器

6、修正automodify参数(如果输入的值非法,则恢复原来的值)不起作用的问题

7、regexValidator支持多个正则表达式与和或的校验,详见用户手册和demo1
a、增加属性:compareType,比较类型,默认值"||","||"表示或的关系,"&&"表示并列关系
b、原regexp属性支持接收数组
范例如下:
$("#sjdh").formValidator({empty:true,onshow:"请输入你的手机或者电话号码,可以为空哦",onfocus:"格式例如:0577-88888888或11位手机号码",oncorrect:"谢谢你的合作",onempty:"你真的不想留手机或电话了吗?"}).regexValidator({regexp:["tel","mobile"],datatype:"enum",onerror:"你输入的手机或电话格式不正确"});

8、增加函数$.formvalidator.reloadAutoTip(),来重新定位自动构建的提示层
自动构建提示层所在的网页如果在iframe里,如果刚开始是隐藏的,显示的时候,就会全部团聚在左上角。所以当显示页面的时候,要显式的调用该函数。
官方对offset的解释:
Note: jQuery does not support getting the offset coordinates of hidden elements or accounting for borders, margins, or padding set on the body element.


原帖地址:http://www.cnblogs.com/wzmaodong/archive/2008/01/11/1034901.html

下载地址: http://files.cnblogs.com/wzmaodong/fomvalidator4.0.rar

   发表时间:2011-05-14  
还不错.很详细.只是认为页面表单写一大堆的这个验证会很臃肿?


作者为什么不可以封装起来呢?
0 请登录后投票
   发表时间:2011-05-16  
vincent_com 写道
还不错.很详细.只是认为页面表单写一大堆的这个验证会很臃肿?


作者为什么不可以封装起来呢?


楼上标点符号打错了吧?您是不是想说写很多验证代码页面很臃肿?
如果你觉得很臃肿,你可以自己封装啊?页面设置class属性就好了,又没让你页页都写。
楼上是笨笨。

支持猫冬,08年就开始用了。最近在搞Ext,很怀念functionValidator,继续关注,继续支持。
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics