jQuery實(shí)現(xiàn)字符串按指定長度加入特定內(nèi)容的方法
本文實(shí)例講述了jQuery實(shí)現(xiàn)字符串按指定長度加入特定內(nèi)容的方法。分享給大家供大家參考。具體分析如下:
最近的一個(gè)項(xiàng)目中需要將手機(jī)號碼按一定長度用標(biāo)識符隔開,便于閱讀,網(wǎng)上找了一會(huì)發(fā)現(xiàn)沒有合適的代碼于是就自己手寫了一個(gè)函數(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(){//失去焦點(diǎn)時(shí)觸發(fā)
var cont=phone.val();
cont=jQuery.trim(cont);
var str_p='-';//拆分符號
var s=4;//每段長度
if (!cont||split_str==cont) return false;
//焦點(diǎn)再次離開時(shí)檢查內(nèi)容有無變化
phone.val(insert_flg(cont,str_p,s));
})
})
希望本文所述對大家的jQuery程序設(shè)計(jì)有所幫助。
相關(guān)文章
基于Jquery和CSS3制作數(shù)字時(shí)鐘附源碼下載(CSS3篇)
數(shù)字時(shí)鐘在web倒計(jì)時(shí),web鬧鐘效果以及基于html5的web app中,本文給大家介紹基于jquery和css3制作數(shù)字時(shí)鐘附源碼下載,感興趣的朋友來看看吧2015-11-11
jQuery實(shí)現(xiàn)簡單復(fù)制json對象和json對象集合操作示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)簡單復(fù)制json對象和json對象集合操作,結(jié)合實(shí)例形式分析了jQuery使用extend方法操作json對象與json對象集合復(fù)制相關(guān)技巧,需要的朋友可以參考下2018-07-07
基于jQuery實(shí)現(xiàn)左側(cè)菜單欄可折疊功能
這篇文章主要介紹了基于jQuery實(shí)現(xiàn)左側(cè)菜單欄可折疊功能,介紹菜單折疊過程中三種變換形式,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-12-12
jquery+ajax+text文本框?qū)崿F(xiàn)智能提示完整實(shí)例
這篇文章主要介紹了jquery+ajax+text文本框?qū)崿F(xiàn)智能提示的方法,涉及jQuery基于ajax交互實(shí)現(xiàn)后臺數(shù)據(jù)的動(dòng)態(tài)查詢與文本提示信息的顯示功能,需要的朋友可以參考下2016-07-07
jQuery動(dòng)態(tài)生成的元素綁定事件操作實(shí)例分析
這篇文章主要介紹了jQuery動(dòng)態(tài)生成的元素綁定事件操作,結(jié)合實(shí)例形式分析了jQuery事件綁定的原理及動(dòng)態(tài)生成的元素綁定事件相關(guān)操作技巧,需要的朋友可以參考下2019-05-05

