limit textarea characters in javascript:
<style> .x{ background:lightblue; font-weight:bold; font-size:20pt; padding:0px 10px; } .y{ font-family:arial black; color:red; } </style> <script> function limitText(v){ len = v.length; var s = document.testForm.Msg.value; c = 10 - len; if(len > 10){ m = s.substr(0,10); document.testForm.Msg.value = m; c = 0; } document.testForm.count.value = c; } </script> <form name='testForm'> <textarea cols='35' rows='6' name='Msg' class='y' onkeyup="javascritp:limitText(this.value);"></textarea> <input type='button' class='x' name='count' value='10' /> </form>
Demo: