jquery validate poshytip 自定義樣式
更新時(shí)間：2012年11月26日 14:33:06 作者：
項(xiàng)目中做了一個(gè)jquery.validate氣泡提示在新版的jquery.validate中，有這個(gè)功能，但在我這里不怎么好用，所以自己加了一個(gè)，找了一些插件qtip2的樣式不錯(cuò)，需要的朋友可以參考下
最近項(xiàng)目中做了一個(gè)jquery.validate氣泡提示。
好像最新版的jquery.validate中，有這個(gè)功能，但在我這里不怎么好用。
就自己加了一個(gè)。
找了一些插件qtip2的樣式不錯(cuò)，但我本地顯示不出來呀。他本身也有jquery.validate的例子。但樣式在我這里不顯示呀。好像是jquery版本的問他，用他的jquery就可以顯示。用我的就不行坑爹。放棄。
poshytip-1.1這個(gè)，樣式還不錯(cuò)！
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)證，氣泡會(huì)一直存在。這個(gè)不科學(xué)。大家有什么好的辦法沒？
好像最新版的jquery.validate中，有這個(gè)功能，但在我這里不怎么好用。
就自己加了一個(gè)。
找了一些插件qtip2的樣式不錯(cuò)，但我本地顯示不出來呀。他本身也有jquery.validate的例子。但樣式在我這里不顯示呀。好像是jquery版本的問他，用他的jquery就可以顯示。用我的就不行坑爹。放棄。
poshytip-1.1這個(gè)，樣式還不錯(cuò)！
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)證，氣泡會(huì)一直存在。這個(gè)不科學(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前臺(tái)驗(yàn)證的使用介紹
- jQuery.Validate驗(yàn)證庫的使用介紹
- 基于jQuery.Validate驗(yàn)證庫知識(shí)點(diǎn)的詳解
- 使用jQuery validate 驗(yàn)證注冊(cè)表單實(shí)例演示
- jQuery.validate 常用方法及需要注意的問題
- jQuery EasyUI API 中文文檔 - ValidateBox驗(yàn)證框
- jquery validate添加自定義驗(yàn)證規(guī)則(驗(yàn)證郵箱 郵政編碼)
相關(guān)文章
這篇文章主要為大家詳細(xì)解析了jQuery中$.ajax()方法參數(shù),具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-10-10
jQuery EasyUI API 中文文檔 - Tree樹使用介紹
jQuery EasyUI API 中文文檔 - Tree樹使用介紹，需要的朋友可以參考下。2011-11-11
jQuery將表單序列化成一個(gè)Object對(duì)象的實(shí)例
下面小編就為大家?guī)硪黄猨Query將表單序列化成一個(gè)Object對(duì)象的實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-11-11
本篇文章主要是對(duì)Jquery getJSON方法進(jìn)行了詳細(xì)的分析介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助2013-12-12
json文件是一種輕量級(jí)的數(shù)據(jù)交互格式。一般在jquery中使用getJSON()方法讀取，具體示例代碼如下，感興趣的朋友可以參考下哈，希望可以幫助到你2013-05-05
Jquery修改image的src屬性,圖片不加載問題的解決方法
下面小編就為大家?guī)硪黄狫query修改image的src屬性,圖片不加載問題的解決方法。小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考，一起跟隨小編過來看看吧2016-05-05
這篇文章主要介紹了如何利用JQuery模仿實(shí)現(xiàn)淘寶中的搜索效果，文中的示例代碼講解詳細(xì)，感興趣的小伙伴可以動(dòng)手嘗試一下2022-04-04
jquery讓返回的內(nèi)容顯示在特定div里(代碼少而精悍)
之前寫過ajax讓返回的內(nèi)容顯示在特定div里最近在看jquery，所以又用jquery重新寫了個(gè),需要的朋友可以參考下2014-06-06
基于jquery的一個(gè)簡(jiǎn)單的腳本驗(yàn)證插件
基于jquery的一個(gè)簡(jiǎn)單的腳本驗(yàn)證插件，希望能對(duì)大家有所幫助，有demo2010-04-04
JQuery AJAX實(shí)現(xiàn)目錄瀏覽與編輯的代碼
這部分作為后臺(tái)的一部分實(shí)現(xiàn)，目的是實(shí)現(xiàn)某個(gè)指定目錄下所有文件夾和文件的瀏覽，同時(shí)不顯示不允許的格式，對(duì)于文本格式和代碼文件可以進(jìn)行編輯2008-10-10