1、給輸入名字的文本框綁定一個(gè)失去焦點(diǎn)事件,jquery中為focusout事件,同時(shí)在文本框后定義一個(gè)顯示檢查結(jié)果的span。
10年積累的成都網(wǎng)站制作、網(wǎng)站建設(shè)、外貿(mào)網(wǎng)站建設(shè)經(jīng)驗(yàn),可以快速應(yīng)對(duì)客戶對(duì)網(wǎng)站的新想法和需求。提供各種問(wèn)題對(duì)應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識(shí)你,你也不認(rèn)識(shí)我。但先網(wǎng)站制作后付款的網(wǎng)站建設(shè)流程,更有屯溪免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。
2、當(dāng)文本框失去焦點(diǎn)時(shí),調(diào)用ajax異步向后臺(tái)發(fā)送請(qǐng)求。
3、將請(qǐng)求結(jié)果顯示在文本框后面提示用戶,避免所有信息填寫完畢表單提交時(shí)才發(fā)現(xiàn)名字重復(fù)。
示例:
input type='text' id='name'/span id='errorMsg'/erorMsg
//給文本框綁定一個(gè)失去焦點(diǎn)事件
$("#name").focusout(function() {
var name = $("#name").val();
if(name != null name != ''){
checkName(name);
}
});
//發(fā)ajax請(qǐng)求到后臺(tái)判斷用戶名是否重復(fù)
function checkName(name){
$.ajax({
url : servletUrl,
type : "post",
dataType : 'JSON',
data : {name:name},
success : function(result) {
//已經(jīng)存在該名字提示用戶
if(result == true){
$("#errorMsg").html("該用戶名已經(jīng)存在");
}else{
$("#errorMsg").html("恭喜您,用戶名可以使用");
}
}
},
error : function() {
alert('檢查用戶是否存在發(fā)生錯(cuò)誤');
}
});
}
var thisImg = $('#testimg');
thisImg.animate({'left': '0px'}, 2000, function(){
thisImg.fadeOut(500, function(){
thisImg.fadeIn(500)
})
})
親試通過(guò)。第一個(gè).animate({'left': '0px'}, 2000, function(),這個(gè)left:0px是無(wú)效的,只為做2000毫秒的延時(shí),在你使用中如果使用絕對(duì)定位了,那么就換成一個(gè)無(wú)關(guān)緊要的屬性即可。
無(wú)論jquery和原生js,去除重復(fù)數(shù)據(jù)都沒(méi)有直接的方法。方法無(wú)非是下面兩個(gè):
第一、根據(jù)json數(shù)據(jù)字段的唯一性
var a = ["a","ss","a","c"],b={};
$.each(a,function(i,val){
if (b[val]) a.splice(i,1);
});
第二種方法,無(wú)非就是雙循環(huán),逐個(gè)判斷老數(shù)組的元素與新數(shù)組的原始是不是一樣。代碼就不寫了,也不太推薦
$(".show").toggle(
function(){$(this).animate({marginLeft:"-535px"}, 300)},
function(){$(this).animate({marginLeft:"-1px"}, 300)}
);
toggle(fn, fn2, [fn3, fn4, ...])方法:
每次點(diǎn)擊后依次調(diào)用函數(shù)。
如果點(diǎn)擊了一個(gè)匹配的元素,則觸發(fā)指定的第一個(gè)函數(shù),當(dāng)再次點(diǎn)擊同一元素時(shí),則觸發(fā)指定的第二個(gè)函數(shù),如果有更多函數(shù),則再次觸發(fā),直到最后一個(gè)。隨后的每次點(diǎn)擊都重復(fù)對(duì)這幾個(gè)函數(shù)的輪番調(diào)用。
可以使用unbind("click")來(lái)刪除。
1、通過(guò)正則判斷。
var ary = new Array("111","ff","222","aa","222");
alert(mm(ary));
// 驗(yàn)證重復(fù)元素,有重復(fù)返回true;否則返回false
function mm(a){return /(\x0f[^\x0f]+)\x0f[\s\S]*\1/.test("\x0f"+a.join("\x0f\x0f") +"\x0f");}
2、通過(guò)數(shù)組排序,比較臨近元素,可指出重復(fù)的元素。
var ary = new Array("111","22","33","111","22");
var nary = ary.sort();
for(var i = 0; i nary.length - 1; i++){
if (nary[i] == nary[i+1]){alert("重復(fù)內(nèi)容:" + nary[i]);}
}
3、通過(guò)字符串查找。
var ary = new Array("111","22","33","111","22");
var s = ary.join(",") +",";
for(var i = 0; i ary.length; i++){
if(s.replace(ary[i] + ",", "").indexOf(ary[i] +",") -1){alert("重復(fù)內(nèi)容:" + ary[i]);}
}
4、通過(guò)哈希
var ary = new Array("111","22","33","111","22");? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?
alert(isRepeat(ary));// 驗(yàn)證重復(fù)元素,有重復(fù)返回true;否則返回false? ? ? ? ? ? ? ? ? ? ? ? ?
function isRepeat(arr) {
var hash = {};
for(var i in arr) {
if(hash[arr[i]]){return true;}
// 不存在該元素,則賦值為true,可以賦任意值,相應(yīng)的修改if判斷條件即可
hash[arr[i]] = true;}
return false;
}
當(dāng)前名稱:jquery重復(fù),jquery重復(fù)綁定事件
鏈接URL:http://jinyejixie.com/article26/dsecjjg.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供商城網(wǎng)站、自適應(yīng)網(wǎng)站、搜索引擎優(yōu)化、網(wǎng)站收錄、服務(wù)器托管、云服務(wù)器
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)