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

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.

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

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

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

  18. The good article assited me a lot! Saved your website, very great categories everywhere that I see here! I like the info, thanks.

  19. Hey… It looks like there’s a problem with the layout of the page. For some reason the text block is running into the edge. I don’t know if it’s just me or are others reporting the same thing? Just wanted to let you know in case you’ve been updating the site. Thanks!

  20. Hey how to activate that “update” button? If I would like to update whatever the user has entered in the form to a different page called “tweet.php” ??

  21. Hey guys.It’s not work with non-ansi character set on Firefox5.
    Test on Firefox5 ubuntu11.04.