Count character of textarea using Javascript
A programe that count character for textarea.
You can set th length for textarea like 500 or 1000 or as you like.
For Demo Click Here
Thank You.
You can set th length for textarea like 500 or 1000 or as you like.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<script type="text/javascript"> | |
// fieldname, warningname, remainingname, maxchars | |
function CheckFieldLength(fn, wn, rn, mc, ms) | |
{ | |
var len = fn.value.length; | |
if (len > mc) | |
{ | |
fn.value = fn.value.substring(0, mc); | |
len = mc; | |
} | |
var msg = len / 160 ; | |
var msg1 = Math.ceil(msg); | |
document.getElementById(wn).innerHTML = len; | |
document.getElementById(rn).innerHTML = mc - len; | |
document.getElementById(ms).innerHTML = msg1 ; | |
} | |
function CheckFieldLength1(fn, wn, rn, mc, ms) | |
{ | |
var len = fn.value.length; | |
if (len > mc) | |
{ | |
fn.value = fn.value.substring(0, mc); | |
len = mc; | |
} | |
var msg = len / 160 ; | |
var msg1 = Math.ceil(msg); | |
document.getElementById(wn).innerHTML = len; | |
document.getElementById(rn).innerHTML = mc - len; | |
document.getElementById(ms).innerHTML = msg1 ; | |
} | |
function CheckFieldLength2(fn, wn, rn, mc, ms) | |
{ | |
var len = fn.value.length; | |
if (len > mc) | |
{ | |
fn.value = fn.value.substring(0, mc); | |
len = mc; | |
} | |
var msg = len / 160 ; | |
var msg1 = Math.ceil(msg); | |
document.getElementById(wn).innerHTML = len; | |
document.getElementById(rn).innerHTML = mc - len; | |
document.getElementById(ms).innerHTML = msg1 ; | |
} | |
function CheckFieldLength3(fn, wn, rn, mc, ms) | |
{ | |
var len = fn.value.length; | |
if (len > mc) | |
{ | |
fn.value = fn.value.substring(0, mc); | |
len = mc; | |
} | |
var msg = len / 160 ; | |
var msg1 = Math.ceil(msg); | |
document.getElementById(wn).innerHTML = len; | |
document.getElementById(rn).innerHTML = mc - len; | |
document.getElementById(ms).innerHTML = msg1 ; | |
} | |
function CheckFieldLength4(fn, wn, rn, mc, ms) | |
{ | |
var len = fn.value.length; | |
if (len > mc) | |
{ | |
fn.value = fn.value.substring(0, mc); | |
len = mc; | |
} | |
var msg = len / 160 ; | |
var msg1 = Math.ceil(msg); | |
document.getElementById(wn).innerHTML = len; | |
document.getElementById(rn).innerHTML = mc - len; | |
document.getElementById(ms).innerHTML = msg1 ; | |
} | |
function CheckFieldLength5(fn, wn, rn, mc, ms) | |
{ | |
var len = fn.value.length; | |
if (len > mc) | |
{ | |
fn.value = fn.value.substring(0, mc); | |
len = mc; | |
} | |
var msg = len / 160 ; | |
var msg1 = Math.ceil(msg); | |
document.getElementById(wn).innerHTML = len; | |
document.getElementById(rn).innerHTML = mc - len; | |
document.getElementById(ms).innerHTML = msg1 ; | |
} | |
function CheckFieldLength6(fn, wn, rn, mc, ms) | |
{ | |
var len = fn.value.length; | |
if (len > mc) | |
{ | |
fn.value = fn.value.substring(0, mc); | |
len = mc; | |
} | |
var msg = len / 160 ; | |
var msg1 = Math.ceil(msg); | |
document.getElementById(wn).innerHTML = len; | |
document.getElementById(rn).innerHTML = mc - len; | |
document.getElementById(ms).innerHTML = msg1 ; | |
} | |
</script> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<script type="text/javascript" src="charcount.js"> | |
<table border="0" cellpadding="0" cellspacing="0"> | |
<tr><td colspan="2" align="left" valign="top" class="text">About Me</td></tr> | |
<tr> | |
<td valign="top" align="left" colspan="2" class="TextGrey"> | |
<textarea rows="5" cols="100" name="AboutMe" id="taMessage24" wrap="virtual" onkeyup="CheckFieldLength4(taMessage24, 'charcount24', 'remaining24', 1000, 'message2');" onmouseout="CheckFieldLength4(taMessage24, 'charcount24', 'remaininge', 1000, 'message2');" class="Text" size="22"></textarea> | |
<br> | |
<span id="charcount24">0</span> characters entered. | <span id="remaining24">1000</span> characters remaining. | |
</td> | |
</tr> | |
</table> |
For Demo Click Here
Thank You.
Comments
Post a Comment