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 相关文章推荐
JavaScript入门教程(1) 什么是JS
Jan 31 Javascript
javascript window.opener的用法分析
Apr 07 Javascript
理解Javascript_03_javascript全局观
Oct 11 Javascript
js/jquery解析json和数组格式的方法详解
Jan 09 Javascript
js弹出框、对话框、提示框、弹窗实现方法总结(推荐)
May 31 Javascript
Node学习记录之cluster模块
May 31 Javascript
js时间戳与日期格式之间相互转换
Dec 11 Javascript
Vue 父子组件数据传递的四种方式( inheritAttrs + $attrs + $listeners)
May 04 Javascript
迅速了解一下ES10中Object.fromEntries的用法使用
Mar 05 Javascript
angular 表单验证器验证的同时限制输入的实现
Apr 11 Javascript
d3.js实现图形缩放平移
Dec 19 Javascript
js重写alert事件(避免alert弹框标题出现网址)
Dec 04 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边学边教》(02.Apache+PHP环境配置――上篇)
2006/12/13 PHP
php中header设置常见文件类型的content-type
2015/06/23 PHP
Centos PHP 扩展Xchche的安装教程
2016/07/09 PHP
PHP中in_array函数使用的问题与解决办法
2016/09/11 PHP
yii框架redis结合php实现秒杀效果(实例代码)
2017/10/26 PHP
thinkphp诸多限制条件下如何getshell详解
2020/12/09 PHP
JQuery textlimit 显示用户输入的字符数 限制用户输入的字符数
2009/05/14 Javascript
JavaScript this调用规则说明
2010/03/08 Javascript
基于jquery+thickbox仿校内登录注册框
2010/06/07 Javascript
关于JavaScript中var声明变量作用域的推断
2010/12/16 Javascript
javascript中的括号()用法小结
2014/04/14 Javascript
js类定义函数时用prototype与不用的区别示例介绍
2014/06/10 Javascript
一分钟理解js闭包
2016/05/04 Javascript
Bootstrap编写一个在当前网页弹出可关闭的对话框 非弹窗
2016/06/30 Javascript
Base64(二进制)图片编码解析及在各种浏览器的兼容性处理
2017/02/09 Javascript
Angular.js中定时器循环的3种方法总结
2017/04/27 Javascript
详解JavaScript的BUG和错误
2018/05/07 Javascript
javascript canvas检测小球碰撞
2020/04/17 Javascript
[38:23]2014 DOTA2国际邀请赛中国区预选赛 5 23 CIS VS LGD第一场
2014/05/24 DOTA
Python实现在matplotlib中两个坐标轴之间画一条直线光标的方法
2015/05/20 Python
Python获取统计自己的qq群成员信息的方法
2019/11/15 Python
浅谈PyQt5中异步刷新UI和Python多线程总结
2019/12/13 Python
python通过matplotlib生成复合饼图
2020/02/06 Python
Python小白垃圾回收机制入门
2020/06/09 Python
Python通过zookeeper实现分布式服务代码解析
2020/07/22 Python
Python爬虫与反爬虫大战
2020/07/30 Python
python 利用百度API识别图片文字(多线程版)
2020/12/14 Python
加拿大领先的牛仔零售商:Bluenotes
2018/01/22 全球购物
宿舍使用违章电器检讨书
2014/01/12 职场文书
四年级语文教学反思
2014/02/05 职场文书
党员反对四风问题思想汇报
2014/09/12 职场文书
2015年公司保安年终工作总结
2015/05/14 职场文书
大学生军训感言
2015/08/01 职场文书
超详细Python解释器新手安装教程
2021/05/10 Python
css height属性中的calc方法详解
2021/06/03 HTML / CSS
永中文档在线转换预览基于nginx配置部署方案
2022/06/10 Servers