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类的静态属性和实例属性的理解
Oct 01 Javascript
flexigrid 类似ext grid的JS表格代码
Jul 17 Javascript
js限制textarea每行输入字符串长度的代码
Oct 31 Javascript
告诉你什么是javascript的回调函数
Sep 04 Javascript
JavaScript实现的内存数据库LokiJS介绍和入门实例
Nov 17 Javascript
javascript常用代码段搜集
Dec 04 Javascript
javascript性能优化之事件委托实例详解
Dec 12 Javascript
详解Javacript和AngularJS中的Promises
Feb 09 Javascript
Web打印解决方案之普通报表打印功能
Aug 29 Javascript
JS只能输入正整数的简单实例
Oct 07 Javascript
jQuery实现的监听导航滚动置顶状态功能示例
Jul 23 jQuery
js定时器出现第一次延迟的原因及解决方法
Jan 04 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
php计算数组不为空元素个数的方法
2014/01/27 PHP
ThinkPHP框架实现session跨域问题的解决方法
2014/07/01 PHP
Django中通过定时任务触发页面静态化的处理方式
2018/08/29 PHP
PHP pthreads v3下的Volatile简介与使用方法示例
2020/02/21 PHP
判断文档离浏览器顶部的距离的方法
2014/01/08 Javascript
JavaScript获取一个范围内日期的方法
2015/04/24 Javascript
js日期范围初始化得到前一个月日期的方法
2015/05/05 Javascript
JS实现屏蔽网页右键复制及ctrl+c复制的方法【2种方法】
2016/09/04 Javascript
react性能优化达到最大化的方法 immutable.js使用的必要性
2017/03/09 Javascript
js判断PC端与移动端跳转
2020/12/24 Javascript
JavaScript实现的可变动态数字键盘控件方式实例代码
2017/07/15 Javascript
js截取字符串功能的实现方法
2017/09/27 Javascript
vue.js指令v-for使用以及下标索引的获取
2019/01/31 Javascript
JS实现瀑布流效果
2020/03/07 Javascript
[38:27]完美世界DOTA2联赛PWL S2 Forest vs FTD.C 第二场 11.26
2020/11/30 DOTA
Python编写检测数据库SA用户的方法
2014/07/11 Python
python获得两个数组交集、并集、差集的方法
2015/03/27 Python
Python 爬虫之超链接 url中含有中文出错及解决办法
2017/08/03 Python
Flask配置Cors跨域的实现
2019/07/12 Python
让你的Python代码实现类型提示功能
2019/11/19 Python
PyTorch在Windows环境搭建的方法步骤
2020/05/12 Python
windows支持哪个版本的python
2020/07/03 Python
python 使用建议与技巧分享(四)
2020/08/18 Python
简单了解Python字典copy与赋值的区别
2020/09/16 Python
Python如何批量生成和调用变量
2020/11/21 Python
python操作toml文件的示例代码
2020/11/27 Python
HTML5 创建canvas元素示例代码
2014/06/04 HTML / CSS
总结html5自定义属性有哪些
2020/04/01 HTML / CSS
法国高保真音响和家庭影院商店:Son Video
2019/04/26 全球购物
医生实习工作总结的自我评价
2013/09/27 职场文书
小学生安全保证书
2014/02/01 职场文书
酒店保安领班职务说明书
2014/03/04 职场文书
《穷人》教学反思
2014/04/08 职场文书
税务干部群众路线教育实践活动自我剖析材料
2014/09/21 职场文书
2014幼儿园家长工作总结
2014/11/10 职场文书
Apache Calcite 实现方言转换的代码
2021/04/24 Servers