Community
Learn
Tools Library
AI Tools
Leisure
search
English
Home > Web Front-end > JS Tutorial > Text box word limit function jquery plug-in_jquery

Text box word limit function jquery plug-in_jquery

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Release： 2016-05-16 18:41:15
Original
1174 people have browsed it

Later, when I was wandering around on the Internet, I suddenly found a better jquery plugin with character limit for text boxes. It is simple and easy to use. >Copy code

Text box word limit function jquery plug-in_jquery The code is as follows:

< head> About the character limit function of the text box

< ;p>Enter your hobbies (<50 characters)




< /div>

Enter your postal code (<6 characters)







Attribute explanation:

data-maxsize: the The maximum number of words that the text field can accept. (important)
data-output: If you want to dynamically display the number of words in the text box in real time, this attribute sets the ID of the span or div that displays the number of words. (The color of the word number display will change with the number. Change)
If you do not modify its source file, after adding the js reference, you only need to add the data-maxsize attribute to your text or textarea.
About dynamically setting the maximum value
Use the setformfieldsize method:
setformfieldsize($field, maxsize, outputfieldid)
Attribute explanation:
$field: is the JQuery object of the restricted text box (reference Jquery document).
maxsize: Same as data-maxsize, the maximum number of words that the text field can accept.
outputfieldid: Same as data-output.
Example:




Copy code


The code is as follows:
Executed when the interface is loaded.
Demo code download
http://xiazai.jb51.net/200911/yuanma/textarea_maxlength.rar
Related labels：
text box
Previous article：A small collection of implementation methods to use js to return to the previous page under asp.net_javascript skills Next article：Contents move between javascript select controls_form special effects
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
Team collaboration - What should I do if someone needs the feature I wrote as a dependency in git flow?
From 1970-01-01 08:00:00
0
0
0
Objective-c - Constraints for iOS a warning issue
From 1970-01-01 08:00:00
0
0
0
Confusion about using gitlab's fork&pull request mode within the team
From 1970-01-01 08:00:00
0
0
0
Objective-c - In iOS development, Instagram cannot be authorized after logging in. Instagram does not jump back to the application. How to get the callback address?
From 1970-01-01 08:00:00
0
0
0
Version Control - About the use of SVN and GIT in company projects?
From 1970-01-01 08:00:00
0
0
0
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template