表单验证 jquery.validate.js与poshytip集成

系统 2540 0

表单验证 jquery.validate.js与poshytip集成

jquery.validate.js教程: http://www.cnblogs.com/hejunrex/archive/2011/11/17/2252193.html

poshytip 教程:   http://vadikom.com/demos/poshytip/

注意 :

         1:jquery.validate.js 版本1.8.1才会支持IE6、IE7。

 2:且jquery不得超过1.6.1,不然IE6、IE7无法支持

主要代码:

 

      $(document).ready(function(){         
           
/**//* 设置默认属性 */         
$.validator.setDefaults({
//	focusInvalid:true,
	onkeyup:false,
    submitHandler: function(form) {
        form.submit();      
    },
    errorPlacement: function(error, element) {
    	// 与poshytip插件集成
    	 var elem = new Object();
    	 elem=$(element);
         if (!error.is(':empty')) {
             //右:x=right;y=center
             //左:x=left;y=center
             //上:x=inner-left
             //下:x=center;y=bottom
             var aX = "right";//默认右对起
             if (elem.attr("positionX")) {
                 aX = elem.attr("positionX");
             }
             var aY = "center";
             if (elem.attr("positionY")) {
                 aY = elem.attr("positionY");
             }
             var aClass="tip-yellowsimple";// 默认土豪金样式,其它样式可参考管网,头部需要响应的引用样式
             if (elem.attr("positionClass")) {
            	 aClass = elem.attr("positionClass");
             }
             
             var aTime=3000;//默认3秒消失
             if (elem.attr("positionTime")) {
            	 aTime = parseInt(elem.attr("positionTime"));
             }
             
             elem.poshytip('destroy');
             elem.poshytip({
    			className: aClass,
    			content: error,
    			showOn: 'none',
    			alignTo: 'target',
    			alignX: aX,
                alignY: aY,
    			offsetX: 5
             });
             elem.poshytip('show');
             setTimeout(function(){
    			elem.poshytip('destroy');
             }, aTime);
         } else {
             elem.poshytip('destroy');
         }        
		
//		  右则显示
//        error.appendTo(element.parent());  
    }


}); 
    

 

效果图:
表单验证 jquery.validate.js与poshytip集成


 

 

表单验证 jquery.validate.js与poshytip集成


更多文章、技术交流、商务合作、联系博主

微信扫码或搜索:z360901061

微信扫一扫加我为好友

QQ号联系: 360901061

您的支持是博主写作最大的动力,如果您喜欢我的文章,感觉我的文章对您有帮助,请用微信扫描下面二维码支持博主2元、5元、10元、20元等您想捐的金额吧,狠狠点击下面给点支持吧,站长非常感激您!手机微信长按不能支付解决办法:请将微信支付二维码保存到相册,切换到微信,然后点击微信右上角扫一扫功能,选择支付二维码完成支付。

【本文对您有帮助就好】

您的支持是博主写作最大的动力,如果您喜欢我的文章,感觉我的文章对您有帮助,请用微信扫描上面二维码支持博主2元、5元、10元、自定义金额等您想捐的金额吧,站长会非常 感谢您的哦!!!

发表我的评论
最新评论 总共0条评论