论坛首页 Web前端技术论坛

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

浏览 1607 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2011-06-09   最后修改:2011-06-09
首页上看到一个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前端技术版

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