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+jsp实现省市县三级联动效果(附源码)
Dec 03 Javascript
JavaScript中Object.prototype.toString方法的原理
Feb 24 Javascript
字符串反转_JavaScript
Apr 28 Javascript
javascript执行环境及作用域详解
May 05 Javascript
详解vuelidate 对于vueJs2.0的验证解决方案
Mar 09 Javascript
原生js封装添加class,删除class的实例
Nov 06 Javascript
深入解析ES6中的promise
Nov 08 Javascript
如何在Vue.js中实现标签页组件详解
Jan 02 Javascript
大转盘抽奖小程序版 转盘抽奖网页版
Apr 16 Javascript
vue弹出框组件封装实例代码
Oct 31 Javascript
JavaScript进阶(三)闭包原理与用法详解
May 09 Javascript
jquery实现异步文件上传ajaxfileupload.js
Oct 23 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
smarty中改进truncate使其支持中文的方法
2016/05/30 PHP
Nginx实现反向代理
2017/09/20 Servers
张孝祥JavaScript学习阶段性总结(2)--(X)HTML学习
2007/02/03 Javascript
js onpropertychange输入框 事件获取属性
2009/03/26 Javascript
JS数学函数Exp使用说明
2012/08/09 Javascript
深入理解javascript学习笔记(一) 编写高质量代码
2012/08/09 Javascript
node.js中watch机制详解
2014/11/17 Javascript
在JavaScript中处理数组之reverse()方法的使用
2015/06/09 Javascript
jQuery实现将div中滚动条滚动到指定位置的方法
2016/08/10 Javascript
微信小程序 POST请求(网络请求)详解及实例代码
2016/11/16 Javascript
利用JS轻松实现获取表单数据
2016/12/06 Javascript
jqGrid翻页时数据选中丢失问题的解决办法
2017/02/13 Javascript
浅谈JS验证表单文本域输入空格的问题
2017/02/14 Javascript
jQuery条件分页 代替离线查询(附代码)
2017/08/17 jQuery
详解Vue-cli代理解决跨域问题
2017/09/27 Javascript
vue--点击当前增加class,其他删除class的方法
2018/09/15 Javascript
JavaScript使用闭包模仿块级作用域操作示例
2019/01/21 Javascript
微信小程序实现收货地址左滑删除
2020/11/18 Javascript
vue的路由映射问题及解决方案
2019/10/14 Javascript
使用webpack5从0到1搭建一个react项目的实现步骤
2020/12/16 Javascript
原生js实现自定义滚动条
2021/01/20 Javascript
Python文件读取的3种方法及路径转义
2015/06/21 Python
巧用python和libnmapd,提取Nmap扫描结果
2016/08/23 Python
微信跳一跳python辅助软件思路及图像识别源码解析
2018/01/04 Python
Python使用add_subplot与subplot画子图操作示例
2018/06/01 Python
python学生信息管理系统(完整版)
2020/04/05 Python
Python3爬虫教程之利用Python实现发送天气预报邮件
2018/12/16 Python
Python Pandas数据结构简单介绍
2019/07/03 Python
亚洲在线旅行门户网站:Expedia.com.hk(智游网)
2020/04/14 全球购物
什么是三层交换,说说和路由的区别在那里
2014/09/01 面试题
销售业务员岗位职责
2014/01/29 职场文书
期终自我鉴定
2014/02/17 职场文书
党员公开承诺书2015
2015/01/21 职场文书
学术会议领导致辞
2015/07/29 职场文书
最美劳动诗,致敬所有的劳动者!
2019/07/12 职场文书
Mysql分库分表之后主键处理的几种方法
2022/02/15 MySQL