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代码
Jul 01 Javascript
jquery pagination插件实现无刷新分页代码
Oct 13 Javascript
JavaScript获得页面base标签中url的方法
Apr 03 Javascript
用js实现简单算法的实例代码
Sep 24 Javascript
微信小程序实战之轮播图(3)
Apr 17 Javascript
vue2.0使用swiper组件实现轮播的示例代码
Mar 03 Javascript
npm全局模块卸载及默认安装目录修改方法
May 15 Javascript
Vue高版本中一些新特性的使用详解
Sep 25 Javascript
mpvue全局引入sass文件的方法步骤
Mar 06 Javascript
利用Promise自定义一个GET请求的函数示例代码
Mar 20 Javascript
jQuery实现动态添加和删除input框代码实例
Mar 29 jQuery
探索node之事件循环的实现
Oct 30 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简单生成缩略图相册的方法
2015/07/29 PHP
symfony2.4的twig中date用法分析
2016/03/18 PHP
php微信公众号开发之简答题
2018/10/20 PHP
Javascript操纵Cookie实现购物车程序
2007/02/15 Javascript
JS小游戏之仙剑翻牌源码详解
2014/09/25 Javascript
js实现横向百叶窗效果网页切换动画效果的方法
2015/03/02 Javascript
javascript实现类似于新浪微博搜索框弹出效果的方法
2015/07/27 Javascript
每天一篇javascript学习小结(Array数组)
2015/11/11 Javascript
JS实现字符串转日期并比较大小实例分析
2015/12/09 Javascript
jqPlot jQuery绘图插件的使用
2016/06/18 Javascript
js动态生成form 并用ajax方式提交的实现方法
2016/09/09 Javascript
js制作简单的音乐播放器的示例代码
2017/08/28 Javascript
浅谈针对Vue相同路由不同参数的刷新问题
2018/09/29 Javascript
JavaScript常见事件处理程序实例总结
2019/01/05 Javascript
javascript设计模式 ? 外观模式原理与用法实例分析
2020/04/15 Javascript
Electron 打包问题:electron-builder 下载各种依赖出错(推荐)
2020/07/09 Javascript
在vue中使用image-webpack-loader实例
2020/11/12 Javascript
Vue项目利用axios请求接口下载excel
2020/11/17 Vue.js
JavaScript实现H5接金币功能(实例代码)
2021/02/22 Javascript
python实现支持目录FTP上传下载文件的方法
2015/06/03 Python
Python实现破解猜数游戏算法示例
2017/09/25 Python
Python处理命令行参数模块optpars用法实例分析
2018/05/31 Python
Python TestCase中的断言方法介绍
2019/05/02 Python
由面试题加深对Django的认识理解
2019/07/19 Python
Python 迭代,for...in遍历,迭代原理与应用示例
2019/10/12 Python
Python解释器以及PyCharm的安装教程图文详解
2020/02/26 Python
python MultipartEncoder传输zip文件实例
2020/04/07 Python
JustFab加拿大:女鞋、靴子、手袋和服装在线
2018/05/18 全球购物
波兰最大的度假胜地和城市公寓租赁运营商:Sun & Snow
2018/10/18 全球购物
好邻里事迹材料
2014/01/16 职场文书
英语国培研修感言
2014/02/13 职场文书
竞选体育委员演讲稿
2014/04/26 职场文书
2014年房产经纪人工作总结
2014/12/08 职场文书
2015年音乐教师个人工作总结
2015/05/20 职场文书
关于感恩老师的古诗句
2019/08/20 职场文书
导游词之秦始皇兵马俑博物馆
2019/09/29 职场文书