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