jquery.validate结合poshytip实现表单完美验证

时间：2014-09-03 21:16:17 阅读：371 评论：0 收藏：0 [点我收藏+]

1.需要引用的js

<script src="/Themes/default/lib/jquery/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="/Themes/default/lib/poshytip/jquery.poshytip.min.js" type="text/javascript"></script>
<link href="/Themes/default/lib/poshytip/tip-yellow/tip-yellow.css" rel="stylesheet"
type="text/css" />
<script src="/Themes/default/lib/function.js" type="text/javascript"></script>
function.js代码：
//============================================
//formtip===================================
(function($) {
$.fn.formtip = function(message, second, option) {
if (second == undefined)
second = 3;
$(".tip-yellow").remove();
try {
$(this).poshytip({ className: ‘tip-yellow‘, content: message, timeOnScreen: second * 1000, showOn: ‘none‘, alignTo: ‘target‘, alignX: ‘inner-left‘, offsetX: 0, offsetY: 5 }).poshytip("show");
$(this).focus();//注意，要结合jquery.validate必须放在后面
} catch (e) {
$(this).blur(function() {
alert(message);
});
}
}
})(jQuery);
//====================================
<script src="/Themes/default/lib/validate/jquery.validate.min.js" type="text/javascript"></script>
<script src="/Themes/default/lib/validate/messages_cn.js" type="text/javascript"></script>
<script src="/Themes/default/lib/validate/jquery.validate.extend.js" type="text/javascript"></script>

如有大家有什么问题，可以给我留言，我会抽时间一一解答。

笔者微博：@LeaveBugsAway欢迎叨扰。

jquery.validate结合poshytip实现表单完美验证

原文地址：http://www.cnblogs.com/tangyouwei/p/3954485.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行