DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jQuery實現字符串按指定長度加入特定內容的方法教程
jQuery實現字符串按指定長度加入特定內容的方法教程
編輯:JQuery特效代碼     

本文實例講述了jQuery實現字符串按指定長度加入特定內容的方法。分享給大家供大家參考。具體分析如下:

最近的一個項目中需要將手機號碼按一定長度用標識符隔開,便於閱讀,網上找了一會發現沒有合適的代碼於是就自己手寫了一個函數,可以按指定長度往字符串中插入分隔符,有需要的朋友可以拿去。

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;//分段數
  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(){//失去焦點時觸發
    var cont=phone.val();
    cont=jQuery.trim(cont);
    var str_p='-';//拆分符號
    var s=4;//每段長度
    if (!cont||split_str==cont) return false;
 //焦點再次離開時檢查內容有無變化
    phone.val(insert_flg(cont,str_p,s));
    })
})

希望本文所述對大家的jQuery程序設計有所幫助。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved