TextArea Length Elzero
by Salem Yaslim
HTML
<form action="." method="get">
<textarea id="my-text" rows="5"></textarea>
Left: <span id="my-span"></span>
<hr>
<input type="submit" value="submit" id="my-submit"/>
</form>
JavaScript
var myText = document.getElementById("my-text"),
mySpan = document.getElementById("my-span"),
mySubmit = document.getElementById("my-submit"),
maxLength = mySpan.textContent | 140,
minLength = 0;
myText.oninput = function(){
'use strict';
var inSpan = maxLength - myText.value.length;
mySpan.textContent = inSpan;
if(inSpan < minLength){
mySpan.style.color = "#AA0000";
mySubmit.setAttribute("disabled",true);
}else{
mySpan.style.color = "#000";
mySubmit.removeAttribute("disabled");
}
if(inSpan == maxLength){
mySubmit.setAttribute("disabled",true);
}
};
mySubmit.setAttribute("disabled",true);
mySpan.textContent = maxLength;