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数组Array sort方法使用深入分析
Feb 21 Javascript
用js读、写、删除Cookie代码续篇
Dec 03 Javascript
JavaScript为事件句柄绑定监听函数实例详解
Dec 15 Javascript
jQuery实现拖拽可编辑模块功能代码
Jan 12 Javascript
React服务端渲染(总结)
Jul 01 Javascript
javascript基于定时器实现进度条功能实例
Oct 13 Javascript
JavaScript多线程运行库Nexus.js详解
Dec 22 Javascript
angular2中使用第三方js库的实例
Feb 26 Javascript
vue.js使用v-if实现显示与隐藏功能示例
Jul 06 Javascript
原生js实现trigger方法示例代码
May 22 Javascript
利用js-cookie实现前端设置缓存数据定时失效
Jun 18 Javascript
nuxt 路由、过渡特效、中间件的实现代码
Nov 06 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/11/12 PHP
php通过rmdir删除目录的简单用法
2015/03/18 PHP
非常有用的9个PHP代码片段
2016/04/06 PHP
thinkphp分页实现效果
2016/10/13 PHP
JavaScript 组件之旅(二)编码实现和算法
2009/10/28 Javascript
javascript教程:关于if简写语句优化的方法
2014/05/17 Javascript
jQuery中:lt选择器用法实例
2014/12/29 Javascript
AngularJS的内置过滤器详解
2015/05/14 Javascript
jqGrid中文文档之选项设置
2015/12/02 Javascript
探索angularjs+requirejs全面实现按需加载的套路
2016/02/26 Javascript
JS中常用的正则表达式
2016/09/29 Javascript
js实现简单的手风琴效果
2017/02/27 Javascript
angular.js4使用 RxJS 处理多个 Http 请求
2017/09/23 Javascript
nodeJS微信分享
2017/12/20 NodeJs
解决vue脚手架项目打包后路由视图不显示的问题
2018/09/20 Javascript
详解vue开发中调用微信jssdk的问题
2019/04/16 Javascript
关于JS解构的5种有趣用法
2019/09/05 Javascript
利用layer实现表单完美验证的方法
2019/09/26 Javascript
vue 验证码界面实现点击后标灰并设置div按钮不可点击状态
2019/10/28 Javascript
vue cli 3.0通用打包配置代码,不分一二级目录
2020/09/02 Javascript
解决vue-loader加载不上的问题
2020/10/21 Javascript
如何在vue 中使用柱状图 并自修改配置
2021/01/21 Vue.js
Python创建系统目录的方法
2015/03/11 Python
python字典的常用操作方法小结
2016/05/16 Python
Python的高阶函数用法实例分析
2019/04/11 Python
Django Python 获取请求头信息Content-Range的方法
2019/08/06 Python
如何解决django-celery启动后迅速关闭
2019/10/16 Python
基于python求两个列表的并集.交集.差集
2020/02/10 Python
利用HTML5+CSS3实现3D转换效果实例详解
2017/05/02 HTML / CSS
HTML5文档结构标签
2017/04/21 HTML / CSS
使用CSS实现弹性视频html5案例实践
2012/12/26 HTML / CSS
印度在线购物网站:Paytmmall
2019/07/24 全球购物
学校纪律作风整改措施思想汇报
2014/10/11 职场文书
安全保证书格式
2015/02/28 职场文书
高中生综合素质评价范文
2015/08/18 职场文书
Redis分布式锁的7种实现
2022/04/01 Redis