Copy codeThe Code is as follows:
<! DOCTYPE html PUBLIC "-// W3C // dtd xhtml 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<Html xmlns = "http://www.w3.org/1999/xhtml">
<Head>
<Meta http-equiv = "Content-Type" content = "text/html; charset = UTF-8"/>
<Title> jquery limits the number of words entered and prompts the remaining words </title>
<Script type = "text/javascript" src = "jquery. js"> </script>
<Script type = "text/javascript">
Function words_deal ()
{
Var curLength = $ ("# TextArea1"). val (). length;
If (curLength> 5)
{
Var num = $ ("# TextArea1"). val (). substr (0, 5 );
$ ("# TextArea1"). val (num );
Alert ("when the number of words exceeds the limit, more words will be truncated! ");
}
Else
{
$ ("# TextCount"). text (5-$ ("# TextArea1"). val (). length );
}
}
</Script>
</Head>
<Body>
Remaining <span id = "textCount"> 5 </span> words <br/>
<Textarea name = "textarea" id = "TextArea1" cols = "45" rows = "5" onkeyup = "words_deal ();"> </textarea>
</Body>
</Html>