Heim > Web-Frontend > js-Tutorial > Hauptteil

jQuery implementiert eine Methode zum Hinzufügen spezifischer Inhalte zu einer Zeichenfolge entsprechend einer angegebenen Länge_jquery

WBOY
Freigeben: 2016-05-16 16:10:01
Original
1153 Leute haben es durchsucht

Das Beispiel in diesem Artikel beschreibt die jQuery-Methode zum Hinzufügen spezifischer Inhalte zu einer Zeichenfolge entsprechend einer angegebenen Länge. Teilen Sie es als Referenz mit allen. Die spezifische Analyse lautet wie folgt:

In einem aktuellen Projekt mussten Mobiltelefonnummern durch Kennungen einer bestimmten Länge getrennt werden, um das Lesen zu erleichtern. Nachdem ich eine Weile online gesucht hatte, stellte ich fest, dass es keinen geeigneten Code gab, also habe ich selbst eine Funktion geschrieben, die das kann Fügen Sie die angegebene Länge zu einer Zeichenfolge hinzu, und Freunde in Not können es nehmen.

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&#63;0:start;
    if (end<=len){
      tmp=str.substring(start,end);
    }
    newstr+=(end>=len)&#63;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));
    })
})
Nach dem Login kopieren

Ich hoffe, dass dieser Artikel für alle bei der jQuery-Programmierung hilfreich sein wird.

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!