jMaxInput: jQuery Twitter-Like Textarea
Development November 8, 2009 by cody 25 Comments
jMaxInput allows you to limit the input size of a textarea like it is done in Twitter. The number of characters left to type are shown while typing. The user can write as many characters as he wants (negative value is shown) but the text can only be submitted if the size of the input is below the limit (the button is active/inactive).
You can call it like this:
$("#div").maxinput();
You can as well define the following properties:
- limit: The maximum number of characters allowed
- position: The position of the message
- showtext: Boolean for showing the text message or just the number of characters left
- message: A custom message shown after the number of characters left
You might also like
-
Latest Tweets Tooltip with jQuery
-
Find Your First Twitter Follower
-
Twitter API and jQuery Showcase: Display your Followers or Friends
-
Thumbnails Navigation Gallery with jQuery
-
Music Portfolio Template with HTML5 and jQuery
-
Related Posts Slide Out Boxes with jQuery and CSS3
-
Slide Down Box Menu with jQuery and CSS3
-
UI Elements: Search Box with Filter and Large Drop Down Menu
-
Minimalistic Slideshow Gallery with jQuery
-
Image Highlighting and Preview with jQuery
Discussion25 Join the discussion
Trackbacks
- uberVU - social comments
- jMaxInput: jQuery Twitter-Like Textarea | Codrops | Squico
- twitter-like textarea in jquery | WebDesignExpert.Me
- 5 efectos con jQuery - save ass
- #WDNDL For 12/22/2009 – The Decade According to Nerds, XMas Freebies, LOLz & Inspirations! | AndySowards.com :: Professional Web Design, Development, Programming Freelancer, Hacks, Downloads, Math and being a Web 2.0 Hipster?
- 5 fresh jquery plugin for web developers | denbagus blog
- 5 New Useful jQuery Plugins For Your Next Projects | AEXT.NET
- Twitter-Like Textarea using jQuery | ajaxdump
- Et voici Qwicker ! | Owni.fr
- 20 Best Twitter-likes And Useful Tutorials To Work With Twitter | AEXT.NET
- Twitter benzeri ajax ve jQuery örnekleri | Javascript | Web Önerilerimiz
- Blog-HemenUlas,WebMaster Bilgileri,Html Kodlar?,Webmaster bilgileri » Twitter Benzeri Ajax ve jquery örnekleri
Hey.. Nice article..
I would like to share a similar tutorial: Maxlength Textarea using jQuery
great post as usual .. thanks .. you just gave me a few more ideas to play with
doesn’t work correctly. I can still copy/paste characters over the limit.
hi,
You should be able to to that. however the buttom is disabled right?
awesome article. I’m definitely looking forward to reading more posts!
It doesn’t work, if I leave a key pressed I can submit the form, try it in the example, just leave a key pressed so it writes something like ‘aaaaaaaaaaaaaaaaaa’.
Hi Cesar. I can’t simulate the behaviour you are saying… Which browser and version are you using?
Awesome… really useful script…
Thanks;But is there any way so that the color of the counter
change with the number of character left, just like twitter…
Great plugin however I don’t feel that its best to rely on javascript to create a textarea.
It would be best if the script were just hooked to a preexisting textarea in the html rather than inserting one via javascript.
Cheers,
Anthony
The good article assited me a lot! Saved your website, very great categories everywhere that I see here! I like the info, thanks.
The informal summary assited me a lot! Saved your blog, extremely excellent categories just about everywhere that I see here! I really appreciate the information, thanks.
Very educating write up, saved your website in hopes to read more!