_one

  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

最近项目中做了一个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,因为这样,有些验证,气泡会一直存在。这个不科学。大家有什么好的办法没?
posted on 2012-11-26 08:37  _one  阅读(1958)  评论(2编辑  收藏  举报