jquery.validate加poshytip的自定义提示样式

jquery.validate加poshytip的自定义提示样式

最近项目中做了一个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 阅读( ...) 评论( ...) 编辑 收藏

转载于:https://www.cnblogs.com/iverson3/archive/2012/11/26/2788486.html