テキストエリア入力文字数の表示で全角と半角を区別したいです。

解決済

質問者：das_horn
質問日時：2008/02/26 20:22
回答数：2件

JavaScriptで以下のようにテキストエリアで入力文字数を表示させているのですが、
全角文字も半角文字も同じ１文字としてカウントされてしまいます。
入力された文字が全角なら２、半角なら１としてカウントするように出来ないでしょうか？
================================================================
/*テキスト入力フォームで文字数を表示する*/
function ShowLength( str ) {
document.getElementById("inputlength").innerHTML = str.length + "文字";
}
----------------------------------------------------------------
<textarea cols="70" rows="10" onkeyup="ShowLength(value);" /></textarea>
<p id="inputlength">0文字</p>
================================================================
宜しくお願い致します。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： leap_day
回答日時：2008/02/27 06:05

こんにちは

文字数ではなくてバイト数で取ってみては？

<script type="text/javascript"></script>

<textarea cols="70" rows="10" onkeyup="ShowLength(this.value);" /></textarea>
<p id="inputlength">0文字</p>

もしくはmatchを使うとか

function ShowLength( str ) {
len = 0;
for(i=0;i<str.length;i++) {
STR = str.charAt(i);
if(STR.match(/\w/)) { len += 1; }
else { len += 2; }
}
document.getElementById("inputlength").innerHTML = len + "文字";
}

- 0
- 件

通報する

この回答へのお礼

ご回答ありがとうございます。
すごいです。出来ました。
どうもありがとうございます。
大変助かりました。

通報する

お礼日時：2008/02/27 07:15

No.1

回答者： _pipi_
回答日時：2008/02/26 21:14

<html><body>

<input type="text" id="str">
<input type="button" value="Count" onClick="alert(strlen($V('str')))">
<script>
function strlen(s){for(c=0,i=0;i<s.length;i++){n=escape(s.charAt(i));c+=(n.length<4)?1:2;}return c;}
function $V(o) {return document.getElementById(o).value;}
</script></body></html>