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 相关文章推荐
模仿jQuery each函数的链式调用
Jul 22 Javascript
Jquery 绑定时间实现代码
May 03 Javascript
jQuery插件原来如此简单 jQuery插件的机制及实战
Feb 07 Javascript
解析Javascript中中括号“[]”的多义性
Dec 03 Javascript
快速实现JS图片懒加载(可视区域加载)示例代码
Jan 04 Javascript
vue2.0 与 bootstrap datetimepicker的结合使用实例
May 22 Javascript
关于JavaScript中的this指向问题总结篇
Jul 23 Javascript
JS库中的Particles.js在vue上的运用案例分析
Sep 13 Javascript
JavaScript中为事件指定处理程序的五种方式分析
Jul 27 Javascript
JS拖拽排序插件Sortable.js用法实例分析
Feb 20 Javascript
微信小程序遍历Echarts图表实现多个饼图
Apr 25 Javascript
Vue中keep-alive 实现后退不刷新并保持滚动位置
Mar 17 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读取xml方法介绍
2013/01/12 PHP
PHP批量上传图片的具体实现方法介绍.
2014/02/26 PHP
PHP ajax 异步执行不等待执行结果的处理方法
2015/05/27 PHP
php正则表达式验证(邮件地址、Url地址、电话号码、邮政编码)
2016/03/14 PHP
ThinkPHP3.2.3框架实现的空模块、空控制器、空操作,跳转到错误404页面图文详解
2019/04/03 PHP
各种页面定时跳转(倒计时跳转)代码总结
2013/10/24 Javascript
JavaScript中的连字符详解
2013/11/28 Javascript
AngularJS ng-bind 指令简单实现
2016/07/30 Javascript
jQueryUI Datepicker组件设置日期高亮
2016/10/13 Javascript
jQuery实现div跟随鼠标移动
2020/08/20 jQuery
Vue实现动态显示textarea剩余字数
2017/05/22 Javascript
JavaScript面试技巧之数组的一些不low操作
2019/03/22 Javascript
Vue+Java+Base64实现条码解析的示例
2020/09/23 Javascript
轻松掌握python设计模式之策略模式
2016/11/18 Python
pandas 数据实现行间计算的方法
2018/06/08 Python
python搜索包的路径的实现方法
2019/07/19 Python
Python3 列表,数组,矩阵的相互转换的方法示例
2019/08/05 Python
pytorch多GPU并行运算的实现
2019/09/27 Python
基于python解线性矩阵方程(numpy中的matrix类)
2019/10/21 Python
Python搭建代理IP池实现存储IP的方法
2019/10/27 Python
基于Keras的格式化输出Loss实现方式
2020/06/17 Python
解决pip install psycopg2出错问题
2020/07/09 Python
Python过滤序列元素的方法
2020/07/31 Python
英国HYPE双肩包官网:英国本土时尚潮牌
2018/09/26 全球购物
Harrods美国:英国最大的百货公司
2018/11/04 全球购物
Ray-Ban雷朋西班牙官网:全球领先的太阳眼镜品牌
2018/11/28 全球购物
Net Remoting把服务器端激活两种模式
2014/01/22 面试题
社区党员先进事迹
2014/01/22 职场文书
优秀团支部事迹材料
2014/02/08 职场文书
培训研修方案
2014/06/06 职场文书
园艺专业毕业生求职信
2014/09/02 职场文书
工作作风整顿个人剖析材料
2014/10/11 职场文书
门店店长岗位职责
2015/04/14 职场文书
2015年结对帮扶工作总结
2015/05/04 职场文书
有趣的二维码:使用MyQR和qrcode来制作二维码
2021/05/10 Python
html中显示特殊符号(附带特殊字符对应表)
2021/06/21 HTML / CSS