jQuery實現(xiàn)字符串按指定長度加入特定內(nèi)容的方法
更新時間：2015年03月11日 16:35:18 作者：劍客落落
這篇文章主要介紹了jQuery實現(xiàn)字符串按指定長度加入特定內(nèi)容的方法,實例分析了jQuery操作字符串的技巧,具有一定參考借鑒價值,需要的朋友可以參考下
本文實例講述了jQuery實現(xiàn)字符串按指定長度加入特定內(nèi)容的方法。分享給大家供大家參考。具體分析如下：
最近的一個項目中需要將手機號碼按一定長度用標(biāo)識符隔開，便于閱讀，網(wǎng)上找了一會發(fā)現(xiàn)沒有合適的代碼于是就自己手寫了一個函數(shù)，可以按指定長度往字符串中插入分隔符，有需要的朋友可以拿去。
var split_str=false;
function insert_flg(str,flg,sn){
str=str.replace(new RegExp(flg,"g"),"");
var newstr="";
var tmp;
var len=str.length;//長度
var num=len/sn;//分段數(shù)
var start;
var end;
//len%sn //能否完整分段 0：是
for(i=0;i<num;i+=1){
if (len%sn!=0){//不能完整分段
start=i*sn-1;
end=i*sn+(sn-1);
}else{
start=i*sn;
end=(i+1)*sn;
}
start=start<0?0:start;
if (end<=len){
tmp=str.substring(start,end);
}
newstr+=(end>=len)?tmp:tmp+flg;
}
split_str=newstr;
return newstr;
}
$(function(){
var phone=$("#phone");
phone.blur(function(){//失去焦點時觸發(fā)
var cont=phone.val();
cont=jQuery.trim(cont);
var str_p='-';//拆分符號
var s=4;//每段長度
if (!cont||split_str==cont) return false;
//焦點再次離開時檢查內(nèi)容有無變化
phone.val(insert_flg(cont,str_p,s));
})
})
希望本文所述對大家的jQuery程序設(shè)計有所幫助。
相關(guān)文章
基于Jquery和CSS3制作數(shù)字時鐘附源碼下載(CSS3篇)
數(shù)字時鐘在web倒計時，web鬧鐘效果以及基于html5的web app中，本文給大家介紹基于jquery和css3制作數(shù)字時鐘附源碼下載，感興趣的朋友來看看吧2015-11-11
在使用jquery操作js時，經(jīng)常弄不明白this與$(this)。最近不是很忙，抽空仔細(xì)研究了一下，記錄下來以供在忘記的時候拉出來參考參考！2014-11-11
jQuery實現(xiàn)簡單復(fù)制json對象和json對象集合操作示例
這篇文章主要介紹了jQuery實現(xiàn)簡單復(fù)制json對象和json對象集合操作,結(jié)合實例形式分析了jQuery使用extend方法操作json對象與json對象集合復(fù)制相關(guān)技巧,需要的朋友可以參考下2018-07-07
這篇文章主要為大家詳細(xì)介紹了jQuery實現(xiàn)簡單日歷效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-07-07
基于jQuery實現(xiàn)左側(cè)菜單欄可折疊功能
這篇文章主要介紹了基于jQuery實現(xiàn)左側(cè)菜單欄可折疊功能，介紹菜單折疊過程中三種變換形式，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
CamanJs庫用于個人項目中進(jìn)行使用的圖形操作庫，這個庫是基于JavaScript的canvas操作庫，接下來，通過本篇文章給大家詳細(xì)介紹使用CamanJS在Web頁面上處理圖像的技巧，需要的朋友一起來學(xué)習(xí)下2015-08-08
jquery+ajax+text文本框?qū)崿F(xiàn)智能提示完整實例
這篇文章主要介紹了jquery+ajax+text文本框?qū)崿F(xiàn)智能提示的方法,涉及jQuery基于ajax交互實現(xiàn)后臺數(shù)據(jù)的動態(tài)查詢與文本提示信息的顯示功能,需要的朋友可以參考下2016-07-07
這篇文章主要為大家詳細(xì)介紹了jQuery對table表格進(jìn)行增刪改查操作，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-01-01
這篇文章主要介紹了jQuery動態(tài)生成的元素綁定事件操作,結(jié)合實例形式分析了jQuery事件綁定的原理及動態(tài)生成的元素綁定事件相關(guān)操作技巧,需要的朋友可以參考下2019-05-05
性能優(yōu)化遇到很多細(xì)節(jié)問題(for與each性能比較)記錄下來分享給大家，希望對你有所幫助2013-05-05