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 相关文章推荐
从新浪弄下来的全屏广告代码 与使用说明
Mar 15 Javascript
js切换div css注意的细节
Dec 10 Javascript
javaScript中两个等于号和三个等于号之间的区别介绍
Jun 27 Javascript
JavaScript自定义数组排序方法
Feb 12 Javascript
介绍一个简单的JavaScript类框架
Jun 24 Javascript
js实现iframe框架取值的方法(兼容IE,firefox,chrome等)
Nov 26 Javascript
require.js配合插件text.js实现最简单的单页应用程序
Jul 12 Javascript
webpack学习教程之publicPath路径问题详解
Jun 17 Javascript
jquery实现一个全局计时器(商城可用)
Jun 30 jQuery
详解Vue实战指南之依赖注入(provide/inject)
Nov 13 Javascript
Layui事件监听的实现(表单和数据表格)
Oct 17 Javascript
javaScript 实现重复输出给定的字符串的常用方法小结
Feb 20 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
无法载入 mcrypt 扩展,请检查 PHP 配置终极解决方案
2011/07/18 PHP
php获取远程图片体积大小的实例
2013/11/12 PHP
php Imagick获取图片RGB颜色值
2014/07/28 PHP
Yii扩展组件编写方法实例分析
2015/06/29 PHP
php面向对象编程self和static的区别
2016/05/08 PHP
Laravel框架Eloquent ORM修改数据操作示例
2019/12/03 PHP
javascript制作坦克大战全纪录(1)
2014/11/27 Javascript
jquery队列函数用法实例
2014/12/16 Javascript
Eclipse配置Javascript开发环境图文教程
2015/01/29 Javascript
JavaScript实现Java中StringBuffer的方法
2015/02/09 Javascript
ClearTimeout消除闪动实例代码
2016/02/29 Javascript
jquery实现点击弹出可放大居中及关闭的对话框(附demo源码下载)
2016/05/10 Javascript
浅谈js常用内置方法和对象
2016/09/24 Javascript
vue2.0全局组件之pdf详解
2017/06/26 Javascript
10个最优秀的Node.js MVC框架
2017/08/24 Javascript
巧妙运用v-model实现父子组件传值的方法示例
2019/04/07 Javascript
小程序数据通信方法大全(推荐)
2019/04/15 Javascript
node.js ws模块搭建websocket服务端的方法示例
2019/04/25 Javascript
基于Vue el-autocomplete 实现类似百度搜索框功能
2019/10/25 Javascript
微信小程序自定义tabbar custom-tab-bar 6s出不来解决方案(cover-view不兼容)
2019/11/01 Javascript
python实现爬虫下载漫画示例
2014/02/16 Python
PyCharm 常用快捷键和设置方法
2017/12/20 Python
使用Python爬取最好大学网大学排名
2018/02/24 Python
Python爬虫设置代理IP(图文)
2018/12/23 Python
python登录WeChat 实现自动回复实例详解
2019/05/28 Python
爱尔兰家电数码商城:Currys PC World爱尔兰
2016/07/23 全球购物
美国羊皮公司:Overland
2018/01/15 全球购物
Brasty波兰:香水、化妆品、手表网上商店
2019/04/15 全球购物
结构和类有什么异同
2012/07/16 面试题
家长会学生家长演讲稿
2013/12/29 职场文书
医院学雷锋活动策划方案
2014/02/15 职场文书
2014教师党员自我评议总结
2014/09/19 职场文书
结婚通知短信大全
2015/04/17 职场文书
刑事撤诉申请书
2015/05/18 职场文书
2016廉洁从政心得体会
2016/01/19 职场文书
导游词之杭州西湖
2019/09/19 职场文书