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