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下arguments,caller,callee,call,apply示例及理解
Dec 24 Javascript
web页面数据展示新想法(json)
Jun 08 Javascript
js 剪切板应用clipboardData详细解析
Dec 17 Javascript
javascript基本包装类型介绍
Apr 10 Javascript
Angularjs 实现移动端在线测评效果(推荐)
Apr 05 Javascript
基于构造函数的五种继承方法小结
Jul 27 Javascript
通过jquery toggleClass()属性制作文章段落更改背景颜色
May 21 jQuery
js实现按钮开关单机下拉菜单效果
Nov 22 Javascript
ng-zorro-antd 入门初体验
Dec 03 Javascript
gulp构建小程序的方法步骤
May 31 Javascript
扫微信小程序码实现网站登陆实现解析
Aug 20 Javascript
小程序自动化测试的示例代码
Aug 11 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实现的生成静态HTML速度快类库
2007/03/31 PHP
PHP常用函数小技巧
2008/09/11 PHP
Drupal 添加模块出现莫名其妙的错误的解决方法(往往出现在模块较多时)
2011/04/18 PHP
php中并发读写文件冲突的解决方案
2013/10/25 PHP
Thinkphp单字母函数使用指南
2016/05/08 PHP
Laravel搭建后台登录系统步骤详解
2016/07/26 PHP
Extjs4中tree的拖拽功能(可以两棵树之间拖拽) 简单实例
2013/12/08 Javascript
JavaScript中常见的字符串操作函数及用法汇总
2015/05/04 Javascript
javascript实现简单的省市区三级联动
2015/05/14 Javascript
jQuery+CSS3+Html5实现弹出层效果实例代码(附源码下载)
2016/05/16 Javascript
JavaScript基于对象去除数组重复项的方法
2016/10/09 Javascript
Javascript动画效果(3)
2016/10/11 Javascript
js+html5实现手机九宫格密码解锁功能
2018/07/30 Javascript
jquery实现的简单轮播图功能【适合新手】
2018/08/17 jQuery
Canvas实现微信红包照片效果
2018/08/21 Javascript
Vue cli3 库模式搭建组件库并发布到 npm的流程
2018/10/12 Javascript
[36:09]Secret vs VG 2019国际邀请赛淘汰赛 败者组 BO3 第一场 8.24
2019/09/10 DOTA
Python中的异常处理学习笔记
2015/01/28 Python
使用Python脚本操作MongoDB的教程
2015/04/16 Python
Python将图片转换为字符画的方法
2020/06/16 Python
Python实现的简单计算器功能详解
2018/08/25 Python
深入了解Python在HDA中的应用
2019/09/05 Python
Python爬虫程序架构和运行流程原理解析
2020/03/09 Python
Nginx+Uwsgi+Django 项目部署到服务器的思路详解
2020/05/08 Python
PIP和conda 更换国内安装源的方法步骤
2020/09/21 Python
欧姆龙医疗保健与医疗产品:Omron Healthcare
2020/02/10 全球购物
专科毕业生求职简历的自我评价
2013/10/12 职场文书
创业计划书的写作技巧及要点
2014/01/31 职场文书
致标枪运动员广播稿
2014/02/06 职场文书
《中国梦我的梦》大学生演讲稿
2014/08/20 职场文书
2014县政府领导班子对照检查材料思想汇报
2014/09/25 职场文书
优秀教研组申报材料
2014/12/26 职场文书
小学运动会开幕词
2015/01/28 职场文书
2016年教师党员公开承诺书
2016/03/24 职场文书
Django操作cookie的实现
2021/05/26 Python
Nginx的gzip相关介绍
2022/05/11 Servers