jQuery實現(xiàn)字符串按指定長度加入特定內(nèi)容的方法
更新時間：2015年03月11日 16:35:18 作者：劍客落落
這篇文章主要介紹了jQuery實現(xiàn)字符串按指定長度加入特定內(nèi)容的方法,實例分析了jQuery操作字符串的技巧,具有一定參考借鑒價值,需要的朋友可以參考下
本文實例講述了jQuery實現(xiàn)字符串按指定長度加入特定內(nèi)容的方法。分享給大家供大家參考。具體分析如下：
最近的一個項目中需要將手機(jī)號碼按一定長度用標(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)文章
這篇文章主要為大家詳細(xì)介紹了jQuery手風(fēng)琴的簡單制作，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-05-05
jquery html動態(tài)生成select標(biāo)簽出問題的解決方法
用jquery,json從后臺獲取一個列表，然后用一個動態(tài)生成的select標(biāo)簽顯示出來，結(jié)果出現(xiàn)錯誤，下面為大家分享個不錯的解決方法，喜歡的朋友可以參考下2013-11-11
手機(jī)移動端實現(xiàn) jquery和HTML5 Canvas的幸運大獎盤特效
這篇文章主要介紹了手機(jī)移動端實現(xiàn) jquery和HTML5 Canvas的幸運大獎盤特效的相關(guān)資料,這里附有實現(xiàn)代碼及實現(xiàn)效果圖，需要的朋友可以參考下2016-12-12
這篇文章主要介紹了jQuery中append()方法用法,實例分析了append()方法的功能、定義及在匹配元素的結(jié)尾插入指定內(nèi)容的使用技巧,需要的朋友可以參考下2015-01-01
jquery選擇符快速提取web表單數(shù)據(jù)示例
遇到要重復(fù)多次同樣的事時，就想找一種省時省力的方法，下面就為大家介紹下利用jquery選擇符快速提取web表單數(shù)據(jù)2014-03-03
下面小編就為大家?guī)硪黄斦刯Query中的一些正則匹配表達(dá)式。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-03-03
這篇文章主要介紹了jQuery實現(xiàn)商品活動倒計時，倒計時在WEB上應(yīng)用非常廣泛，如考試系統(tǒng)倒計時，團(tuán)購網(wǎng)站中的優(yōu)惠活動倒計時等等，感興趣的小伙伴們可以參考一下2015-10-10
jquery ajax異步提交表單數(shù)據(jù)的方法
這篇文章主要為大家詳細(xì)介紹了jquery ajax異步提交表單數(shù)據(jù)的方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-10-10
Slides – 是一個簡單的，容易定制和風(fēng)格化，的jQuery幻燈片插件。Slides提供褪色或幻燈片過渡效果，圖像淡入淡出，圖像預(yù)壓，自動生成分頁，循環(huán)，自動播放的自定義等很多選項。用Slides插件，你可以隨機(jī)播放幻燈片，設(shè)定那一套您想要開始幻燈片。2015-04-04
JQuery中使用.each()遍歷元素學(xué)習(xí)筆記
這篇文章主要介紹了jquery中使用.each()遍歷元素學(xué)習(xí)筆記,本文從實際項目經(jīng)驗總結(jié)而來,需要的朋友可以參考下2014-11-11