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动态添加删除select项(实现代码)
Sep 03 Javascript
jQuery实现返回顶部功能适合不支持js的浏览器
Aug 19 Javascript
jquery比较简洁的软键盘特效实现方法
Mar 19 Javascript
jquery实现图片预加载
Dec 25 Javascript
jQuery zTree加载树形菜单功能
Feb 25 Javascript
angular route中使用resolve在uglify压缩后问题解决
Sep 21 Javascript
如何清除IE10+ input X 文本框的叉叉和密码输入框的眼睛图标
Dec 21 Javascript
详解vue-Resource(与后端数据交互)
Jan 16 Javascript
基于Vuejs和Element的注册插件的编写方法
Jul 03 Javascript
JS实现的自定义map方法示例
May 17 Javascript
vue解决使用$http获取数据时报错的问题
Oct 30 Javascript
jquery更改元素属性attr()方法操作示例
May 22 jQuery
一个可拖拽列宽表格实例演示
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 操作excel文件的方法小结
2009/12/31 PHP
PHP实现的多文件上传类及用法示例
2016/05/06 PHP
ThinkPHP简单使用memcache缓存的方法
2016/11/15 PHP
Zend Framework分发器用法示例
2016/12/11 PHP
Laravel中9个不经常用的小技巧汇总
2019/04/16 PHP
jquery submit ie6下失效的原因分析及解决方法
2013/11/15 Javascript
JavaScript实现仿新浪微博大厅和腾讯微博首页滚动特效源码
2015/09/15 Javascript
js拖拽的原型声明和用法总结
2016/04/04 Javascript
react-native-tab-navigator组件的基本使用示例代码
2017/09/07 Javascript
Webpack实战加载SVG的方法
2017/12/26 Javascript
NodeJS 中Stream 的基本使用
2018/07/30 NodeJs
CSS3 动画卡顿性能优化的完美解决方案
2018/09/20 Javascript
详解从react转职到vue开发的项目准备
2019/01/14 Javascript
js中的this的指向问题详解
2019/08/29 Javascript
JavaScript this在函数中的指向及实例详解
2019/10/14 Javascript
Vue数字输入框组件示例代码详解
2020/01/15 Javascript
Python常用正则表达式符号浅析
2014/08/13 Python
Python中shutil模块的常用文件操作函数用法示例
2016/07/05 Python
Python使用pydub库对mp3与wav格式进行互转的方法
2019/01/10 Python
python同步两个文件夹下的内容
2019/08/29 Python
python使用socket 先读取长度,在读取报文内容示例
2019/09/26 Python
Python 日志logging模块用法简单示例
2019/10/18 Python
python中利用matplotlib读取灰度图的例子
2019/12/07 Python
基于Python词云分析政府工作报告关键词
2020/06/02 Python
Python3 webservice接口测试代码详解
2020/06/23 Python
Python识别处理照片中的条形码
2020/11/16 Python
乌克兰数字设备、配件和智能技术的连锁商店:KTC
2020/08/18 全球购物
领导党性分析材料
2014/02/15 职场文书
节水倡议书
2015/01/19 职场文书
民事二审代理词
2015/05/25 职场文书
博物馆观后感
2015/06/05 职场文书
结婚喜宴祝酒词
2015/08/10 职场文书
生活委员竞选稿
2015/11/21 职场文书
Python3 使用pip安装git并获取Yahoo金融数据的操作
2021/04/08 Python
python实现简易名片管理系统
2021/04/11 Python
python使用opencv对图像添加噪声(高斯/椒盐/泊松/斑点)
2022/04/06 Python