勉強したことのメモ

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

  関連記事

画像にマウスを合わせると拡大表示させる「drift」ライブラリの利用方法
画像にマウスを合わせると拡大表示させる「drift」ライブラリの利用方法

amazon等ECサイトで商品画像にマウスを合わせると当該部分が拡大表示されると ...

「input type=
「input type="number"」のテキストボックスを桁数制限且つ半角数値のみ入力可にする方法

「input type="number"」のテキストボックスに対して「2桁まで」 ...

AjaxのJSONP使用でPHPで作った配列をJSに返す方法
AjaxのJSONP使用でPHPで作った配列をJSに返す方法

AというサイトからBというサイトにAjax通信し、Bの方ではMySQLに接続して ...

Lightbox.jsでCSP(コンテンツセキュリティポリシー)エラーが発生した際の対応方法
Lightbox.jsでCSP(コンテンツセキュリティポリシー)エラーが発生した際の対応方法

CSP(コンテンツセキュリティポリシー)設定を行っているサーバーでLightbo ...

JavaScriptでaタグ内の特定の要素をクリックした際にページ遷移させず別の処理を行う方法
JavaScriptでaタグ内の特定の要素をクリックした際にページ遷移させず別の処理を行う方法

JavaScriptでaタグ内の特定の要素をクリックした際にページ遷移させず別の ...