limit textarea characters in javascript

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:

Advertisements