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 相关文章推荐
js常用函数 不错
Sep 08 Javascript
脚本吧 - 幻宇工作室用到js,超强推荐base.js
Dec 23 Javascript
让jQuery与其他JavaScript库并存避免冲突的方法
Dec 23 Javascript
javascript在当前窗口关闭前检测窗口是否关闭
Sep 29 Javascript
js实现当复选框选择匿名登录时隐藏登录框效果
Aug 14 Javascript
JavaScript数组操作详解
Feb 04 Javascript
ztree简介_动力节点Java学院整理
Jul 19 Javascript
mpvue将vue项目转换为小程序
Sep 30 Javascript
说说如何利用 Node.js 代理解决跨域问题
Apr 22 Javascript
Vue3.0结合bootstrap创建多页面应用
May 28 Javascript
JavaScript实现动态留言板
Mar 16 Javascript
Threejs实现滴滴官网首页地球动画功能
Jul 13 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显示搜索引擎来的关键词
2014/02/13 PHP
php除数取整示例
2014/04/24 PHP
PHP的Yii框架中行为的定义与绑定方法讲解
2016/03/18 PHP
使用jQuery fancybox插件打造一个实用的数据传输模态弹出窗体
2013/01/15 Javascript
js展开闭合效果演示代码
2013/07/24 Javascript
jQuery创建DOM元素实例解析
2015/01/19 Javascript
jquery中trigger()无法触发hover事件的解决方法
2015/05/07 Javascript
基于jQuery仿淘宝产品图片放大镜特效
2020/10/19 Javascript
基于jquery实现三级下拉菜单
2016/05/10 Javascript
JavaScript 随机验证码的生成实例代码
2016/09/22 Javascript
JS正则表达式学习之贪婪和非贪婪模式实例总结
2016/12/26 Javascript
jQuery中DOM节点删除之empty与remove
2017/01/20 Javascript
jquery easyui DataGrid简单示例
2017/01/23 Javascript
原生javascript上传图片带进度条【实例分享】
2017/04/06 Javascript
vue绑定的点击事件阻止冒泡的实例
2018/02/08 Javascript
Node.js 使用jade模板引擎的示例
2018/05/11 Javascript
taro开发微信小程序的实践
2019/05/21 Javascript
解决Angularjs异步操作后台请求用$q.all排列先后顺序问题
2019/11/29 Javascript
Vue插件之滑动验证码用法详解
2020/04/05 Javascript
使用Vue-cli 中为单独页面设置背景图片铺满全屏
2020/07/17 Javascript
探究Python的Tornado框架对子域名和泛域名的支持
2015/05/02 Python
Python抓取电影天堂电影信息的代码
2016/04/07 Python
Python常见字符串操作函数小结【split()、join()、strip()】
2018/02/02 Python
Tensorflow卷积神经网络实例进阶
2018/05/24 Python
Django添加favicon.ico图标的示例代码
2018/08/07 Python
python3 爬取图片的实例代码
2018/11/06 Python
python中 * 的用法详解
2019/07/10 Python
Python对接 xray 和微信实现自动告警
2019/09/17 Python
高一历史教学反思
2014/01/13 职场文书
2014道德模范事迹材料
2014/02/16 职场文书
科级干部群众路线教育实践活动个人对照检查材料
2014/09/19 职场文书
试用期自我评价怎么写
2015/03/10 职场文书
安全教育第一课观后感
2015/06/17 职场文书
python实现简单倒计时功能
2021/04/21 Python
python 中的@运算符使用
2021/05/26 Python
ORM模型框架操作mysql数据库的方法
2021/07/25 MySQL