jquery validate poshytip 自定義樣式
更新時間:2012年11月26日 14:33:06 作者:
項(xiàng)目中做了一個jquery.validate氣泡提示在新版的jquery.validate中,有這個功能,但在我這里不怎么好用,所以自己加了一個,找了一些插件qtip2的樣式不錯,需要的朋友可以參考下
最近項(xiàng)目中做了一個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,因?yàn)檫@樣,有些驗(yàn)證,氣泡會一直存在。這個不科學(xué)。大家有什么好的辦法沒?
好像最新版的jquery.validate中,有這個功能,但在我這里不怎么好用。
就自己加了一個。
找了一些插件qtip2的樣式不錯,但我本地顯示不出來呀。他本身也有jquery.validate的例子。但樣式在我這里不顯示呀。好像是jquery版本的問他,用他的jquery就可以顯示。用我的就不行坑爹。放棄。
poshytip-1.1這個,樣式還不錯!
positionX,positionY是提示顯示的位置。
復(fù)制代碼 代碼如下:
$(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,因?yàn)檫@樣,有些驗(yàn)證,氣泡會一直存在。這個不科學(xué)。大家有什么好的辦法沒?
您可能感興趣的文章:
- jquery內(nèi)置驗(yàn)證(validate)使用方法示例(表單驗(yàn)證)
- jquery validate在ie8下的bug解決方法
- jquery.validate的使用說明介紹
- Jquery Validate 正則表達(dá)式實(shí)用驗(yàn)證代碼大全
- jquery插件validate驗(yàn)證的小例子
- 關(guān)于jquery.validate1.9.0前臺驗(yàn)證的使用介紹
- jQuery.Validate驗(yàn)證庫的使用介紹
- 基于jQuery.Validate驗(yàn)證庫知識點(diǎn)的詳解
- 使用jQuery validate 驗(yàn)證注冊表單實(shí)例演示
- jQuery.validate 常用方法及需要注意的問題
- jQuery EasyUI API 中文文檔 - ValidateBox驗(yàn)證框
- jquery validate添加自定義驗(yàn)證規(guī)則(驗(yàn)證郵箱 郵政編碼)
相關(guān)文章
JQery jstree 大數(shù)據(jù)量問題解決方法
Jquery 結(jié)合jstree 動態(tài)生成一棵樹,如果某一節(jié)點(diǎn)下目錄超過500個,IE 會提示是否允許JS腳本運(yùn)行,并且目錄加載不全,大約只加載了300左右。2010-03-03jQuery EasyUI實(shí)現(xiàn)右鍵菜單變灰不可用效果
用jQuery實(shí)現(xiàn)了三種情況下的變灰不可用的效果,當(dāng)鼠標(biāo)放到上面點(diǎn)擊,右鍵菜單就會消失,其實(shí)解決的辦法也很簡單,只要在對應(yīng)的單擊事件里重新綁定右鍵菜單即可,需要的朋友可以參考下2015-09-09jQuery的實(shí)現(xiàn)原理的模擬代碼 -4 重要的擴(kuò)展函數(shù) extend
在上兩篇文章中,我們看到每次要通過 jQuery 的原型增加共享方法的時候,都需要通過 jQuery.fn 一個個進(jìn)行擴(kuò)展,非常麻煩.2010-08-08jQuery表單校驗(yàn)插件validator使用方法詳解
這篇文章主要為大家詳細(xì)介紹了jQuery表單校驗(yàn)插件validator的使用方法,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2020-02-02jQuery獲取選中內(nèi)容及設(shè)置元素屬性的方法
這篇文章主要介紹了jQuery獲取選中內(nèi)容及設(shè)置元素屬性的方法,需要的朋友可以參考下2014-07-07jquery在項(xiàng)目中做復(fù)選框時遇到的一些問題筆記
在實(shí)踐中還是遇到了很多的問題,注意在input的checkbox中,用普通的attr屬性來判斷是不可以的,因?yàn)閏hecked的值是checked,因此做個筆記2013-11-11jquery的ajax和getJson跨域獲取json數(shù)據(jù)的實(shí)現(xiàn)方法
本篇文章主要是對jquery的ajax和getJson跨域獲取json數(shù)據(jù)的實(shí)現(xiàn)方法進(jìn)行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助2014-02-02