Click here to Skip to main content
15,614,608 members
Articles / Web Development / HTML
Article
Posted 7 Sep 2006

Stats

28.7K views
14 bookmarked

Javascript based Word Counter for text entered in a Text area, works for poastback also.

Rate me:
Please Sign up or sign in to vote.
1.33/5 (2 votes)
7 Sep 20061 min read
Gives an idea about counting words entred in a text area, this will works fine whenever postback occurs also, implemented in javascript and codebehind(small portion).

Introduction

This article gives an idea about how to implement count of the words entered in a text area and stores the value of the count in an hidden variable and used whenever postbak occurs.

The javasript method wordcounter() will be called from textarea's onkeypress and onkeydown events. For postback events this method will be called from body's onload event.

The lines of javascript code written are given below.

function wordCounter(chkBodyLoad)

{

 if(chkBodyLoad == 0)

    {

        var wordcounter=0;

        var textField = event.srcElement;

// Counts the spaces and new line characters while ignoring double spaces, usually one in between each word.

        for (x=0; x < textField.value.length; x++)

        {

        if ((textField.value.charAt(x) == " " && textField.value.charAt(x-1) != " ")||textField.value.charAt(x) == "\n" && textField.value.charAt(x-1) != "\n"))

                {

                        wordcounter = wordcounter + 1;

                }

        }

        document.forms[0].hidWordCount.value = wordcounter;

        spnWordCount.innerText = wordcounter;

    }

    else if(chkBodyLoad == 1) 
    {

        spnWordCount.innerText = document.forms[0].hidWordCount.value ;

    }

}

"hidWordCount" is used for storing the word count whenever the page is submitted.

<form id=frmWordCounter runat="server">

And the method calls are given below,

onKeyDown="wordCounter(0);"

onkeyup="wordCounter(0);"
method call from body is onload="wordCounter(1);"

</form>

License

This article has no explicit license attached to it but may contain usage terms in the article text or the download files themselves. If in doubt please contact the author via the discussion board below.

A list of licenses authors might use can be found here


Written By
Web Developer
United States United States
This member has not yet provided a Biography. Assume it's interesting and varied, and probably something to do with programming.

Comments and Discussions

 
GeneralYour source code zip file is missing Pin
MeDeeSa14-Sep-06 4:20
MeDeeSa14-Sep-06 4:20 
Generalone liner with different regex than mzeo77 [modified] Pin
Derek Read11-Sep-06 14:19
Derek Read11-Sep-06 14:19 
GeneralWithout the loop Pin
mzeo777-Sep-06 22:24
mzeo777-Sep-06 22:24 
function wordCounter(chkBodyLoad)
{
if(chkBodyLoad == 0)
{
var wordcounter = 0;
var textField = event.srcElement;
var wordlist = textField.value.split(/[ \n]+/);

if (wordlist.length > 0)
wordcounter += wordlist.pop().length?1Blush | :O ;
if (wordlist.length > 0)
wordcounter += wordlist.shift().length?1Blush | :O ;
wordcounter += wordlist.length;

document.forms[0].hidWordCount.value = wordcounter;
spnWordCount.innerText = wordcounter;
}
else if(chkBodyLoad == 1)
{
spnWordCount.innerText = document.forms[0].hidWordCount.value ;
}
}


f:{*20{:[99>+/a*a:1_ x;b+(*x),(-/a*a),2**/a;x]}/b:.05,y,x}
;;"Fractal in K by Marcus W";;`0:" #"@_{f[x]'r}'r:2-.1*!41

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.