jquery validate poshytip 自定义样式
jquery validate poshytip 自定义样式
发布时间:2016-12-30 来源:查字典编辑
摘要:最近项目中做了一个jquery.validate气泡提示。好像最新版的jquery.validate中,有这个功能,但在我这里不怎么好用。就...

最近项目中做了一个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教程学习
热门Javascript教程学习
编程开发子分类