jMaxInput: jQuery Twitter-Like Textarea

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 […]

From our sponsor: Looking for an intuitive whiteboard style project management tool? Give Shortcut a try for free.

jMaxInput

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:

  1. limit: The maximum number of characters allowed
  2. position: The position of the message
  3. showtext: Boolean for showing the text message or just the number of characters left
  4. message: A custom message shown after the number of characters left

Message from TestkingJoin cissp training to learn how to use jquery to improve your website. With our comptia security+ tutorials and cwna guide , you will learn a lot about jQuery ans csss

Tagged with:

cody

Cody loves jQuery - he puts the magic into every web application. He is crazy about Curry dishes.

http://tympanus.net/codrops/author/cody/

Stay up to date with the latest web design and development news and relevant updates from Codrops.

Feedback 29

Comments are closed.
  1. Pingback: uberVU - social comments

  2. Pingback: jMaxInput: jQuery Twitter-Like Textarea | Codrops | Squico

  3. Pingback: twitter-like textarea in jquery | WebDesignExpert.Me

  4. Pingback: 5 efectos con jQuery - save ass

  5. Pingback: #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?

  6. Pingback: 5 fresh jquery plugin for web developers | denbagus blog

  7. 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’.

  8. Hi Cesar. I can’t simulate the behaviour you are saying… Which browser and version are you using?

  9. Pingback: 5 New Useful jQuery Plugins For Your Next Projects | AEXT.NET

  10. Pingback: Twitter-Like Textarea using jQuery | ajaxdump

  11. Thanks;But is there any way so that the color of the counter
    change with the number of character left, just like twitter…

  12. Pingback: Et voici Qwicker ! | Owni.fr

  13. Pingback: 20 Best Twitter-likes And Useful Tutorials To Work With Twitter | AEXT.NET

  14. Pingback: Twitter benzeri ajax ve jQuery örnekleri | Javascript | Web Önerilerimiz

  15. Pingback: Blog-HemenUlas,WebMaster Bilgileri,Html Kodlar?,Webmaster bilgileri » Twitter Benzeri Ajax ve jquery örnekleri