Code calculated using the remaining words of JavaScript

Source: Internet
Author: User

First look at html Code :

<Textarea name = "Description" onkeyup = "checklength (this);"> </textarea>
<Br/> <small> maximum text length: 250. Remaining: <span id = "chleft"> 250 </span>. </small>
It can be seen that onkeyup is an event triggered when the user leaves the keyboard. The parameter passed is this (that is, the current document area)

Then let's take a look at the JS Code:

<SCRIPT type = "text/JavaScript">
Function checklength (which ){
VaR maxchars = 250;
If (which. value. length> maxchars)
Which. value = which. value. substring (0, maxchars );
VaR curr = maxchars-which. value. length;
Document. getelementbyid ("chleft"). innerhtml = curr. tostring ();
}
</SCRIPT>
In the function, the maxchars variable is specified first (the maximum number of characters available in the input area. Note that this variable is a value that can be used for calculation)

Then, the length of the entered character in textarea is obtained from the parameter and compared with the maximum length specified previously.
When the length of the entered character exceeds the range, substring is used to forcibly limit its length (0, maxchars), which means that the input range is 0 to maxchars.

VaR curr = maxchars-which. value. length; is used to calculate the number of characters available and save the value in curr.

Finally, use getelementbyid to locate the object whose ID is chleft (span in This html), convert the value in curr into a string using the tostring method, and feed it back to the span tag.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.