jquery validate poshytip 自定义样式


Posted in Javascript onNovember 26, 2012

最近项目中做了一个jquery.validate气泡提示。
好像最新版的jquery.validate中,有这个功能,但在我这里不怎么好用。
就自己加了一个。
找了一些插件qtip2的样式不错,但我本地显示不出来呀。他本身也有jquery.validate的例子。但样式在我这里不显示呀。好像是jquery版本的问他,用他的jquery就可以显示。用我的就不行坑爹。放弃。
poshytip-1.1这个,样式还不错!
positionX,positionY是提示显示的位置。

$(document).ready(function () { 
// validate the comment form when it is submitted 
var myForm = $('form:first'); 
myForm.validate({ 
onkeyup: false, 
success: function (element) { 
var elem = $(element); 
elem.poshytip('disable'); 
elem.poshytip('destroy'); 
}, 
errorPlacement: function (error, element) { 
var elem = $(element); 
if (!error.is(':empty')) { 
//右:x=right;y=center 
//左:x=left;y=center 
//上:x=inner-left 
//下:x=center;y=bottom 
var aX = "center"; 
if (elem.attr("positionX") != null) { 
aX = elem.attr("positionX"); 
} 
var aY = "bottom"; 
if (elem.attr("positionY") != null) { 
aY = elem.attr("positionY"); 
} 
elem.filter(':not(.valid)').poshytip({ 
content: error, 
alignTo: 'target', 
alignX: aX, 
alignY: aY, 
offsetX: 0, 
offsetY: 5 
}); 
} else { 
elem.poshytip('disable'); 
elem.poshytip('destroy'); 
} 
} 
}); 
});

存在问题
onkeyup不可以为 ture,因为这样,有些验证,气泡会一直存在。这个不科学。大家有什么好的办法没?
Javascript 相关文章推荐
js中parseFloat(参数1,参数2)定义和用法及注意事项
Jan 27 Javascript
JS实现简易图片轮播效果的方法
Mar 25 Javascript
javascript中JSON对象与JSON字符串相互转换实例
Jul 11 Javascript
AngularJS上拉加载问题解决方法
May 23 Javascript
jQuery实现右下角可缩放大小的层完整实例
Jun 20 Javascript
Javascript中浏览器窗口的基本操作总结
Aug 18 Javascript
js实现带三角符的手风琴效果
Mar 01 Javascript
详解微信开发中snsapi_base和snsapi_userinfo及静默授权的实现
Mar 11 Javascript
使用vue实现grid-layout功能实例代码
Jan 05 Javascript
node 文件上传接口的转发的实现
Sep 23 Javascript
layer弹窗在键盘按回车将反复刷新的实现方法
Sep 25 Javascript
javascript操作向表格中动态加载数据
Aug 27 Javascript
一个可拖拽列宽表格实例演示
Nov 26 #Javascript
JS编程小常识很有用
Nov 26 #Javascript
javascript:history.go()和History.back()的区别及应用
Nov 25 #Javascript
js实现拖拽 闭包函数详细介绍
Nov 25 #Javascript
jquery miniui 教程 表格控件 合并单元格应用
Nov 25 #Javascript
JavaScript mapreduce工作原理简析
Nov 25 #Javascript
jquery div 居中技巧应用介绍
Nov 24 #Javascript
You might like
15个小时----从修改程序到自己些程序
2006/10/09 PHP
php array的学习笔记
2012/05/16 PHP
详解PHP中curl_multi并发的实现
2020/06/08 PHP
Yii 实现数据加密和解密
2021/03/09 PHP
jquery 表单取值常用代码
2009/12/22 Javascript
面向对象的Javascript之一(初识Javascript)
2012/01/20 Javascript
JS.getTextContent(element,preformatted)使用介绍
2013/09/21 Javascript
jquery slibings选取同级其他元素的实现代码
2013/11/15 Javascript
js验证电话号码与手机支持+86的正则表达式
2014/01/23 Javascript
Javascript实现飞动广告效果的方法
2015/05/25 Javascript
基于javascript实现九九乘法表
2016/03/27 Javascript
Javascript基础知识盲点总结之函数
2016/05/15 Javascript
JavaScript实现Java中Map容器的方法
2016/10/09 Javascript
AngularJs中Bootstrap3 datetimepicker使用实例
2016/12/13 Javascript
Angular弹出模态框的两种方式
2017/10/19 Javascript
layer.confirm取消按钮绑定事件的方法
2018/08/17 Javascript
koa源码中promise的解读
2018/11/13 Javascript
Node.js console控制台简单用法分析
2019/01/04 Javascript
微信小程序实现弹幕墙(祝福墙)
2020/11/18 Javascript
Python列表append和+的区别浅析
2015/02/02 Python
Python获取暗黑破坏神3战网前1000命位玩家的英雄技能统计
2016/07/04 Python
浅谈用VSCode写python的正确姿势
2017/12/16 Python
浅谈Python黑帽子取代netcat
2018/02/10 Python
Python脚本修改阿里云的访问控制列表的方法
2019/03/08 Python
python爬虫selenium和phantomJs使用方法解析
2019/08/08 Python
Python中关于浮点数的冷知识
2019/09/22 Python
Pandas DataFrame中的tuple元素遍历的实现
2019/10/23 Python
Html5 canvas实现粒子时钟的示例代码
2018/09/06 HTML / CSS
罗马尼亚购物网站:Vivantis.ro
2019/07/20 全球购物
美国狗旅行和户外用品领先供应商:kurgo
2020/08/18 全球购物
法院信息化建设方案
2014/05/21 职场文书
工会主席事迹材料
2014/06/03 职场文书
数学考试作弊检讨书300字
2015/02/16 职场文书
幼儿园园长安全责任书
2015/05/08 职场文书
班组长如何制订适合本班组的工作计划?
2019/07/10 职场文书
2019年七夕情人节浪漫祝福语大全!
2019/08/08 职场文书