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实现的类flash菜单效果代码
May 17 Javascript
JavaScript单元测试ABC
Apr 12 Javascript
JS打开新窗口的2种方式
Apr 18 Javascript
jquery导航制件jquery鼠标经过变色效果示例
Dec 05 Javascript
浏览器复制插件zeroclipboard使用指南
Mar 26 Javascript
jQuery Easyui使用(一)之可折叠面板的布局手风琴菜单
Aug 17 Javascript
vue2.0开发实践总结之入门篇
Dec 06 Javascript
Webpack打包慢问题的完美解决方法
Mar 16 Javascript
JS的函数调用栈stack size的计算方法
Jun 24 Javascript
vue实现底部菜单功能
Jul 24 Javascript
layui多图上传实现删除功能的例子
Sep 23 Javascript
Postman如何实现参数化执行及断言处理
Jul 28 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
用Flash图形化数据(一)
2006/10/09 PHP
php设计模式 Factory(工厂模式)
2011/06/26 PHP
php中get_object_vars()方法用法实例
2015/02/08 PHP
10个对初学者非常有用的PHP技巧
2016/04/06 PHP
php实现小程序支付完整版
2018/10/09 PHP
PHP7创建销毁session的实例方法
2020/02/03 PHP
PHP unset函数原理及使用方法解析
2020/08/14 PHP
破除一些网站复制、右键限制
2006/11/04 Javascript
Javascript 文件夹选择框的两种解决方案
2009/07/01 Javascript
DOM 脚本编程中的兄弟节点
2009/10/31 Javascript
JS控制显示隐藏兼容问题(IE6、IE7、IE8)
2010/04/01 Javascript
js 关于=+与+=日期函数使用说明(赋值运算符)
2011/11/15 Javascript
热点新闻滚动特效的js代码
2013/08/17 Javascript
谷歌浏览器不支持showModalDialog模态对话框的解决方法
2014/09/22 Javascript
nodejs下打包模块archiver详解
2014/12/03 NodeJs
cookie的secure属性详解
2015/04/08 Javascript
requireJS使用指南
2016/04/27 Javascript
JS仿QQ好友列表展开、收缩功能(第一篇)
2017/07/07 Javascript
vue实例中data使用return包裹的方法
2018/08/27 Javascript
微信小程序实现搜索功能并跳转搜索结果页面
2019/05/18 Javascript
javascript 模块依赖管理的本质深入详解
2020/04/30 Javascript
[01:11]辉夜杯战队访谈宣传片—CDEC.Y
2015/12/26 DOTA
python 读取txt,json和hdf5文件的实例
2018/06/05 Python
Python实现的读取/更改/写入xml文件操作示例
2018/08/30 Python
Python实现自动访问网页的例子
2020/02/21 Python
python有几个版本
2020/06/17 Python
python实现银行账户系统
2021/02/22 Python
个人找工作自荐信格式
2013/09/21 职场文书
初二物理教学反思
2014/01/29 职场文书
30年同学聚会感言
2014/01/30 职场文书
利群广告词
2014/03/20 职场文书
家长学校工作方案
2014/05/07 职场文书
初中英语教学反思范文
2016/02/15 职场文书
离婚协议书范文2016
2016/03/18 职场文书
DIV CSS实现网页背景半透明效果
2021/12/06 HTML / CSS
Linux下搭建SFTP服务器的命令详解
2022/06/25 Servers