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 相关文章推荐
baidu博客的编辑友情链接的新的层窗口!经典~支持【FF】
Feb 09 Javascript
Js+Flash实现访问剪切板操作
Nov 20 Javascript
jQuery+json实现的简易Ajax调用实例
Dec 14 Javascript
Bootstrop实现多级下拉菜单功能
Nov 24 Javascript
js获取当前页的URL与window.location.href简单方法
Feb 13 Javascript
Vue.js 点击按钮显示/隐藏内容的实例代码
Feb 08 Javascript
vue-cli+webpack项目 修改项目名称的方法
Feb 28 Javascript
JS实现动态生成html table表格的方法分析
Jul 11 Javascript
Vue js 的生命周期(看了就懂)(推荐)
Mar 29 Javascript
vue-cli3+typescript新建一个项目的思路分析
Aug 06 Javascript
解决nuxt 自定义全局方法,全局属性,全局变量的问题
Nov 05 Javascript
详解JS ES6编码规范
May 07 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 xml实例 留言本
2009/03/20 PHP
PHP 将逗号、空格、回车分隔的字符串转换为数组的函数
2012/06/07 PHP
js 函数调用模式小结
2011/12/26 Javascript
当鼠标移动到图片上时跟随鼠标显示放大的图片效果
2013/06/06 Javascript
HTTP 304错误的详细讲解
2013/11/13 Javascript
jquery 取子节点及当前节点属性值
2014/07/25 Javascript
JavaScript基础语法、dom操作树及document对象
2014/12/02 Javascript
13 款最热门的 jQuery 图像 360 度旋转插件推荐
2014/12/09 Javascript
基于Jquery+div+css实现弹出登录窗口(代码超简单)
2015/10/27 Javascript
浅析JavaScript中的变量复制、参数传递和作用域链
2016/01/13 Javascript
Angular.js如何从PHP读取后台数据
2016/03/24 Javascript
javascript实现不同颜色Tab标签切换效果
2016/04/27 Javascript
JavaScript中的Reflect对象详解(ES6新特性)
2016/07/22 Javascript
JavaScript 函数节流详解及方法总结
2017/02/09 Javascript
详解webpack+es6+angular1.x项目构建
2017/05/02 Javascript
vue实现全选、反选功能
2020/11/17 Javascript
vue3.0 CLI - 3.2 路由的初级使用教程
2018/09/20 Javascript
vue如何根据网站路由判断页面主题色详解
2018/11/02 Javascript
Python列出一个文件夹及其子目录的所有文件
2016/06/30 Python
详解Python 数据库 (sqlite3)应用
2016/12/07 Python
python使用os.listdir和os.walk获得文件的路径的方法
2017/12/16 Python
python如何拆分含有多种分隔符的字符串
2018/03/20 Python
python实现KNN分类算法
2019/10/16 Python
PyTorch中的Variable变量详解
2020/01/07 Python
关于torch.optim的灵活使用详解(包括重写SGD,加上L1正则)
2020/02/20 Python
python 函数嵌套及多函数共同运行知识点讲解
2020/03/03 Python
Django框架实现在线考试系统的示例代码
2020/11/30 Python
美国知名的时尚购物网站:Anthropologie
2016/12/22 全球购物
英国乡村时尚和宠物用品专家:Pet & Country
2018/07/02 全球购物
int *p=NULL和*p= NULL有什么区别
2014/10/23 面试题
领导班子四风问题个人对照检查材料
2014/10/04 职场文书
餐饮食品安全责任书
2015/01/29 职场文书
2016年元旦主持词
2015/07/06 职场文书
2017年大学生寒假社会实践活动总结
2016/04/06 职场文书
浅析CSS在DevTools 中架构演变
2021/10/05 HTML / CSS
Golang map映射的用法
2022/04/22 Golang