首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

jquery简略扩展性非常强的验证小插件

2012-10-14 
jquery简单扩展性非常强的验证小插件首页上看到一个js验证地址忘了等下找找看没怎么看到代码.如果做的好看

jquery简单扩展性非常强的验证小插件
首页上看到一个js验证  地址忘了等下找找看
没怎么看到代码.如果做的好看的话,分享一下自己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验证插件,添加规则机制模仿了别人的具体的忘记啦
错误消息进行了集中处理
这个看个人喜好了





热点排行