入力文字のバイト数

質問

いつも参考にしております。
入力文字のバイト数のカウントについて質問をさせていただきます。

入力フォームなどで、入力文字数の制限をしたいと考えております。
文字を入力するたびに、バイト数がテキストボックスに常に
表示されるようにしたいと考えております。
以下を参考にできるのではないとか思っておりますが。

<script language="javascript">
<!--
function check() {
　txt = document.myFORM.myTEXT.value;
　n = txt.length;
　if (n > 10) alert("10文字以内にしてください");
}
-->
</script>

<form name="myFORM">
<textarea rows="3" name="myTEXT" onChange="check()"></textarea>
</form>

ご教授お願いいたします。

回答No.1

BLUEPIXY · ベストアンサー

入力文字数＝バイト数ではないですが、
以下のような感じでどうでしょう
-------------------------------------
function check(){
with(document.myFORM){
var n = myTEXT.value.length;
if( n >10 ){
alert("入力文字が１０文字を越えています");
return false;
}
myCOUNT.value=n;
return true;
}
}
<form name="myFORM">
<input name="myCOUNT" type="text" value="0"><br>
<textarea rows="3" name="myTEXT" onKeypress="return check()"></textarea>
</form>

お礼

BLUEPIXY様　ご回答ありがとうございます。
提示していただいとものを参考に考えてみます。
ありがとうございました。

補足

BLUEPIXYさん　ご回答ありがとうございます。
ソースの提示までしていただき、感謝しております。

1つ質問なのですが、全角文字を入力してしまうとカウントができなく
なってしまいます。
全角文字を入力した場合、「Enter」を押した時に入力した文字の
バイト数がでるようにしたいと思っております。
バイト数は、escape() で求めるということは分かったのですが・・・

もう少しご教授お願いいたします。
よろしくお願いいたします。

回答No.2

BLUEPIXY

#1>全角文字を入力してしまうとカウントができなくなってしまいます。
そうですね、全然チェックしてないですね。
いい加減ですみません＜(_ _)＞
function check(){
with(document.myFORM){
var n = myTEXT.value.length;
if( n >10 ){
alert("入力文字が１０文字を越えています");
myTEXT.value= myTEXT.value.substring(0,10);
}
myCOUNT.value=n;
}
}
<textarea rows="3" name="myTEXT" onKeyUp="Check()">
にしてみて下さい。

バイト数については、既に＃１で言ったように、入力文字数＝バイト数ではないので、なんとも言えないですね。
通常（？）というか新しめのブラウザでは、内部的には文字はユニコードで表されていて、いわゆる半角=１バイト、全角＝２バイトではありません。
送信された時の文字コードで（全角）一文字が表されるバイト数は変化するので、その場合でも、ちゃんとしたバイト数を求めるのは（javascriptとしてそういう機能の提供がないので）困難です。
（多分ブラウザによって結果が変わることになると思います）
便宜的に、文字コードが255以下のモノを１バイトとしてカウントすることはできるかもしれませんが、（表記上と実際が異なるので）あまり意味のあることではありません。