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

By cody in Playground on
Demo Download

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

Tiny break: 📬 Want to stay up to date with frontend and trends in web design? Subscribe and get our Collective newsletter twice a tweek.

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

cody

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

Circular SVG Text Animation

Stack to Content Layout Transition

Custom SVG Cursors with an Interactive Emitter Effect

Stay in the loop: Get your dose of frontend twice a week

Fresh news, inspo, code demos, and UI animations—zero fluff, all quality. Make your Mondays and Thursdays creative!

Feedback 29

Comments are closed.

  1. Pingback: uberVU - social comments

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

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

  7. Pingback: 5 efectos con jQuery - save ass

  8. 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?

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

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

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

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

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

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

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

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

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

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

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

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

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

  25. 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!

  26. 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” ??

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