最近项目中做了一个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，因为这样，有些验证，气泡会一直存在。这个不科学。大家有什么好的办法没？