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 相关文章推荐
Add Formatted Text to a Word Document
Jun 15 Javascript
javascript 常用代码技巧大收集
Feb 25 Javascript
js的Boolean对象初始值示例
Mar 04 Javascript
Jquery实现Div上下移动示例
Apr 23 Javascript
纯JavaScript实现的分页插件实例
Jul 14 Javascript
jQuery实现图片上传和裁剪插件Croppie
Nov 29 Javascript
jquery zTree异步加载简单实例讲解
Feb 25 Javascript
node.js操作mysql简单实例
May 25 Javascript
jQuery实现web页面樱花坠落的特效
Jun 01 jQuery
Angular实现下载安装包的功能代码分享
Sep 05 Javascript
通过Kettle自定义jar包供javascript使用
Jan 29 Javascript
vue 点击其他区域关闭自定义div操作
Jul 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之第一天
2006/10/09 PHP
php生成N个不重复的随机数实例
2013/11/12 PHP
PHP中实现生成静态文件的方法缓解服务器压力
2014/01/07 PHP
php递归json类实例
2014/12/02 PHP
浅谈php中的访问修饰符private、protected、public的作用范围
2016/11/20 PHP
由prototype_1.3.1进入javascript殿堂-类的初探
2006/11/06 Javascript
用Javascript实现锚点(Anchor)间平滑跳转
2009/09/08 Javascript
JavaScript 构造函数 面相对象学习必备知识
2010/06/09 Javascript
说说JSON和JSONP 也许你会豁然开朗
2012/09/02 Javascript
IE下window.onresize 多次调用与死循环bug处理方法介绍
2013/11/12 Javascript
JavaScript中的数组操作介绍
2014/12/30 Javascript
jquery+javascript编写国籍控件
2015/02/12 Javascript
jquery实现从数组移除指定的值
2015/06/24 Javascript
Jquery promise实现一张一张加载图片
2015/11/13 Javascript
全国省市二级联动下拉菜单 js版
2016/05/10 Javascript
浅谈json取值(对象和数组)
2016/06/24 Javascript
微信JS-SDK坐标位置如何转换为百度地图坐标
2016/07/04 Javascript
使用Bootstrap Tabs选项卡Ajax加载数据实现
2016/12/23 Javascript
vue19 组建 Vue.extend component、组件模版、动态组件 的实例代码
2019/04/04 Javascript
用Python实现一个简单的能够发送带附件的邮件程序的教程
2015/04/08 Python
Python实现读取字符串按列分配后按行输出示例
2018/04/17 Python
python中for循环输出列表索引与对应的值方法
2018/11/07 Python
python实现三维拟合的方法
2018/12/29 Python
Python数据预处理之数据规范化(归一化)示例
2019/01/08 Python
Pandas 重塑(stack)和轴向旋转(pivot)的实现
2019/07/22 Python
Python List列表对象内置方法实例详解
2019/10/22 Python
Python CSS选择器爬取京东网商品信息过程解析
2020/06/01 Python
CSS3之多背景background使用示例
2013/10/18 HTML / CSS
下面代码从性能上考虑,有什么问题
2015/04/03 面试题
《浅水洼里的小鱼》听课反思
2014/02/28 职场文书
房屋租赁授权委托书范本
2014/09/20 职场文书
单方离婚协议书范本2014
2014/10/28 职场文书
中学生自我评价2015
2015/03/03 职场文书
2015年小学教科研工作总结
2015/07/20 职场文书
解析目标检测之IoU
2021/06/26 Python
浅谈TypeScript 索引签名的理解
2021/10/16 Javascript