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

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

View demoDownload jMaxInput





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
Previous:
Next:

Tagged with:

Written by

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

View all articles by

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

Related Articles

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

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

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

    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

Comments are closed.