浏览 1609 次
锁定老帖子 主题:jquery简单扩展性非常强的验证小插件
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
|
|
---|---|
作者 | 正文 |
发表时间:2011-06-09
最后修改:2011-06-09
没怎么看到代码.如果做的好看的话,分享一下自己js验证的半成品插件 本人比较懒 所以验证的只是放上了必选和数字的验证 .. 扩展非常简单 简单使用 传入json对象至$.validate中就可以了 var result = $.validate({ required : ['name' , '名称'] , number : [['money1' , '金额1'],['money2' , '金额2']] }); 这个实例只是拿来用,里面集成的规则 个人定制化验证弹出所有验证错误消息 , $.validator.setting({ tooltip: function(message){ $(this).css({'border-color' : 'blue'}); //错误提示定位 ... } , message : function(messages){ alert('出现错误信息:' + messages.join(' ')); //所有错误消息美化 } }); var result = $.validate({ required : ['name1' , '名称' , function(key){ //这个function定制所选的html对象 return $('.' + key); }] }); 动态添加自定义验证规则 也可以将默认的规则冲掉 var callRule = function(){ return $(this).val() == '' || $(this).val() != 3; }; $.validator.add('notE' , callRule , '{0}不能等于3' ); var arrays = ['name2' , '名称' , function(key){ return $('.' + key); }] ; var result = $.validate({ integer : arrays , notE : arrays }); 基本上所有的你能够用的结构都可以动态的修改 也可以自己修改jquery-validate.js这个里面的东西 很多时候一些验证的东西没办法符合自己的要求, 修改起来就简单多了.. 希望大家喜欢这个小插件 其实这个jquery验证插件,添加规则机制模仿了别人的具体的忘记啦 错误消息进行了集中处理 这个看个人喜好了 声明:ITeye文章版权属于作者,受法律保护。没有作者书面许可不得转载。
推荐链接
|
|
返回顶楼 | |