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