ホームページ  >  記事  >  ウェブフロントエンド  >  jQuery は、指定された length_jquery に従って文字列に特定のコンテンツを追加するメソッドを実装します。

jQuery は、指定された length_jquery に従って文字列に特定のコンテンツを追加するメソッドを実装します。

WBOY
WBOYオリジナル
2016-05-16 16:10:011155ブラウズ

この記事の例では、指定された長さに従って文字列に特定のコンテンツを追加する 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&#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));
    })
})

この記事が皆さんの jQuery プログラミングに役立つことを願っています。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。