勉強したことのメモ

Webエンジニア / プログラマが勉強したことのメモ。

JavaScriptで全角半角を判別の上で文字数カウントを行う

   2014/05/22  JavaScript

やりたかった事は「全角5文字・半角10文字以内の入力フォーム
みたいなもの。

■参考サイト
http://blog.tofu-kun.org/070627210315.php

■サンプル
function strLength(strSrc){
len = 0;
strSrc = escape(strSrc);
for(i = 0; i < strSrc.length; i++, len++){
if(strSrc.charAt(i) == "%"){
if(strSrc.charAt(++i) == "u"){
i += 3;
len++;
}
i++;
}
}
len = Math.ceil(len.toString() / 2);
return len;
}
var test = 'あいうえおaaa';
console.log(strLength(test)); //7が出力される

 - JavaScript

  関連記事

textareaを自動でリサイズしてくれる「ExpandingTextareas」プラグインの利用方法

textareaのheight以上に文字を(複数行)入力しても当然heightの ...

バニラJavaScript対応の日時ピッカー「Flatpickr」ライブラリの利用方法

サイト内に日時ピッカーを実装する場合、jQueryの「DateTimePicke ...

VideoBoxでyoutubeの埋め込みをポップアップ表示させる方法

youtubeの埋め込みリンクをLightboxみたいにポップアップ表示させる方 ...

Video.jsで動画再生開始時と終了時に指定したアクションを発火させる方法

以前にYouTube埋め込み動画が再生終了したタイミングでJavaScriptの ...

3Dデータ(objファイル)をブラウザ上で表示する方法(JSC3D)

3Dデータをブラウザで表示させて、違う方向から見たり、縮小拡大をしたいという案件 ...