textarea即時計算字數長度

HTML <textarea> 標籤想要計算輸入的字數，因為onchange的事件是在離開Textarea才觸發，所以想即時計算，要使用一些小技術來達到。

另外，因為<textarea>沒有MaxLength的屬性可以設定，所以如果要達到字數限制也可以一起在這裡使用Javascript來處理。

計算字數的 Javascript Function如下，

function TextArea1WordCount()
{
//允許輸入最大長度
var intMaxLength = 200;
//文字輸入//取得計算字數的物件塊
TextArea1 = document.getElementById("TextArea1");
//取得計算字數的物件 
lblWordCountNow = document.getElementById("lblWordCountNow");
//將文字輸入方塊表度寫入顯示Label
lblWordCountNow.innerHTML = TextArea1.value.length;

//比對字數是否超過允許長度
if (TextArea1.value.length > intMaxLength)
{
  //超過限定
}

//250毫秒後再執行一次此function
setTimeout("TextArea1WordCount()", 250);

}

在 form onload事件中加入此計算function

<form onload="TextArea1WordCount()">

這樣在表單一開啟後，就會觸發定時去計算字數的效果，執行頻率快時，就會像是即時計算，但其實是定時在計算而已。