最近的一個(gè)項(xiàng)目中需要將手機(jī)號(hào)碼按一定長(zhǎng)度用標(biāo)識(shí)符隔開，便于閱讀，網(wǎng)上找了一會(huì)發(fā)現(xiàn)沒(méi)有合適的代碼于是就自己手寫了一個(gè)函數(shù)，可以按指定長(zhǎng)度往字符串中插入分隔符，有需要的朋友可以拿去。

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;//長(zhǎng)度
  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;//每段長(zhǎng)度
    if (!cont||split_str==cont) return false;
 //焦點(diǎn)再次離開時(shí)檢查內(nèi)容有無(wú)變化
    phone.val(insert_flg(cont,str_p,s));
    })
})

希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

jQuery手風(fēng)琴的簡(jiǎn)單制作
這篇文章主要為大家詳細(xì)介紹了jQuery手風(fēng)琴的簡(jiǎn)單制作，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-05-05
jquery html動(dòng)態(tài)生成select標(biāo)簽出問(wèn)題的解決方法
用jquery,json從后臺(tái)獲取一個(gè)列表，然后用一個(gè)動(dòng)態(tài)生成的select標(biāo)簽顯示出來(lái)，結(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í)例
這篇文章主要介紹了jQuery中append()方法用法,實(shí)例分析了append()方法的功能、定義及在匹配元素的結(jié)尾插入指定內(nèi)容的使用技巧,需要的朋友可以參考下
2015-01-01
jquery選擇符快速提取web表單數(shù)據(jù)示例
遇到要重復(fù)多次同樣的事時(shí)，就想找一種省時(shí)省力的方法，下面就為大家介紹下利用jquery選擇符快速提取web表單數(shù)據(jù)
2014-03-03
詳談jQuery中的一些正則匹配表達(dá)式
下面小編就為大家?guī)?lái)一篇詳談jQuery中的一些正則匹配表達(dá)式。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
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)購(gòu)網(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)無(wú)縫輪播圖特效
Slides – 是一個(gè)簡(jiǎn)單的，容易定制和風(fēng)格化，的jQuery幻燈片插件。Slides提供褪色或幻燈片過(guò)渡效果，圖像淡入淡出，圖像預(yù)壓，自動(dòng)生成分頁(yè)，循環(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é)而來(lái),需要的朋友可以參考下
2014-11-11