读书人

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

发布时间: 2012-10-14 14:55:08 作者: rapoo

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验证插件,添加规则机制模仿了别人的具体的忘记啦
错误消息进行了集中处理
这个看个人喜好了





读书人网 >Web前端

热点推荐