<div class="codetitle"> <span><a style="CURSOR: pointer" data="11585" class="copybut" id="copybut11585" onclick="doCopy('code11585')"><u>Copy code</u></a></span> The code is as follows:</div> <div class="codebody" id="code11585"> <br><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <br><html xmlns="http://www.w3.org/ 1999/xhtml"> <br><head> <br><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <br><title> ;jquery limits the number of words entered and prompts the remaining number of words</title> <br><script type="text/javascript" src="jquery.js"></script> <br><script type= "text/javascript"> <br>function words_deal() <br>{ <br>var curLength=$("#TextArea1").val().length; <br>if(curLength>5) <br> { <br>var num=$("#TextArea1").val().substr(0,5); <br>$("#TextArea1").val(num); <br>alert("Exceeded word count Limit, extra words will be truncated! " ); <br>} <br>else <br>{ <br>$("#textCount").text(5-$("#TextArea1").val( ).length); <br>} <br>} <br></script> <br></head> <br><body> <br>Remaining<span id="textCount"> 5</span>words<br /> <br><textarea name="textarea" id="TextArea1" cols="45" rows="5" onkeyup="words_deal();" >< ;/textarea> <br></body> <br></html> <br> </div>
