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.

<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>
view raw charcount.js hosted with ❤ by GitHub
<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>
view raw Index.html hosted with ❤ by GitHub

For Demo Click Here

Thank You.

Comments

Popular posts from this blog

Login with facebook using coldfusion

Create CSV file in Coldfusion Using CFFile

Get Previous One Day Data in Sql Server