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 入门讲解1
Apr 15 Javascript
深入理解javascript学习笔记(一) 编写高质量代码
Aug 09 Javascript
JavaScript基础语法、dom操作树及document对象
Dec 02 Javascript
IE浏览器下PNG相关功能
Jul 05 Javascript
Web前端开发之水印、图片验证码
Nov 27 Javascript
浅谈js for循环输出i为同一值的问题
Mar 01 Javascript
详解vue-router和vue-cli以及组件之间的传值
Jul 04 Javascript
JavaScript实现三级联动菜单效果
Aug 16 Javascript
使用Dropzone.js上传的示例代码
Oct 10 Javascript
详解javascript中的Error对象
Apr 25 Javascript
Vue基本使用之对象提供的属性功能
Apr 30 Javascript
vue.js实现二级菜单效果
Oct 19 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编程之设置apache虚拟目录
2016/07/08 PHP
js data日期初始化的5种方法
2013/12/29 Javascript
jquery实现瀑布流效果分享
2014/03/26 Javascript
JS基于构造函数实现的菜单滑动显隐效果【测试可用】
2016/06/21 Javascript
JS解决iframe之间通信和自适应高度的问题
2016/08/24 Javascript
强大Vue.js组件浅析
2016/09/12 Javascript
BootStrap 动态添加验证项和取消验证项的实现方法
2016/09/28 Javascript
JavaScript下拉菜单功能实例代码
2017/03/01 Javascript
VUE页面中加载外部HTML的示例代码
2017/09/20 Javascript
vue综合组件间的通信详解
2017/11/06 Javascript
vue使用axios实现文件上传进度的实时更新详解
2017/12/20 Javascript
js操作二进制数据方法
2018/03/03 Javascript
vue路由--网站导航功能详解
2019/03/29 Javascript
vue中axios实现数据交互与跨域问题
2019/05/12 Javascript
解决vue更新路由router-view复用组件内容不刷新的问题
2019/11/04 Javascript
Vue中fragment.js使用方法小结
2020/02/17 Javascript
vue+elementUI动态增加表单项并添加验证的代码详解
2020/12/17 Vue.js
[12:51]71泪洒现场!是DOTA2让经典重现
2014/03/24 DOTA
深入解读Python解析XML的几种方式
2016/02/16 Python
浅谈Python 列表字典赋值的陷阱
2019/01/20 Python
Python-while 计算100以内奇数和的方法
2019/06/11 Python
解决pyshp UnicodeDecodeError的问题
2019/12/06 Python
Python插入Elasticsearch操作方法解析
2020/01/19 Python
Python中SQLite如何使用
2020/05/27 Python
matplotlib制作雷达图报错ValueError的实现
2021/01/05 Python
Myprotein蛋白粉美国官网:欧洲畅销运动营养品牌
2016/11/15 全球购物
美国知名的网上鞋类及相关服装零售商:Shoes.com
2017/05/06 全球购物
全球摩托车装备领导者:RevZilla
2017/09/04 全球购物
美国流行背包品牌:JanSport(杰斯伯)
2018/03/02 全球购物
德国传统玻璃制造商:Cristalica
2018/04/23 全球购物
求职信模板怎么做
2014/01/26 职场文书
菜篮子工程实施方案
2014/03/08 职场文书
会议承办单位欢迎词
2015/09/30 职场文书
小学2016年“我们的节日·重阳节”活动总结
2016/04/01 职场文书
与Windows10相比Windows11有哪些改进?值不值得升级?
2021/11/21 数码科技
win10系统xps文件怎么打开?win10打开xps文件的两种操作方法
2022/07/23 数码科技