勉強したことのメモ

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

  関連記事

マウスオーバーでの画像切り替えをJavaScriptで簡単に対応
マウスオーバーでの画像切り替えをJavaScriptで簡単に対応

マウスが要素にのった際に画像を切り替える処理を入れたかった。多分CSSの管轄なん ...

Leafletにタグフィルター機能を実装できる「leaflet-tag-filter-button」プラグインの利用方法
Leafletにタグフィルター機能を実装できる「leaflet-tag-filter-button」プラグインの利用方法

以前にLeafletでマーカーをグループ化し、チェックボックスの状態により表示非 ...

JavaScriptのライブラリ「crypto-js」を使用して暗号化・復号化・ハッシュ化する方法
JavaScriptのライブラリ「crypto-js」を使用して暗号化・復号化・ハッシュ化する方法

JavaScriptにてCookie等にデータを保存する際に暗号化したものを保存 ...

バニラJavaScriptでTOPへ戻る機能(ボタン)の作成方法
バニラJavaScriptでTOPへ戻る機能(ボタン)の作成方法

ページ内をある程度スクロールするとTOPへ戻るリンクを表示させたかった。ただ、複 ...

JavaScriptにてaddEventListenerで実行する関数に対して引数を渡す方法
JavaScriptにてaddEventListenerで実行する関数に対して引数を渡す方法

JavaScriptにてaddEventListenerで実行する関数に対して引 ...