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

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:

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

View all contributions by

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

Related Articles

Feedback 29

Comments are closed.
  1. 1

    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

  2. 2

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

  3. 3

    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.

  4. 5

    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!

  5. 6

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

  6. 7

    Your not handling pasted input (at least on firefox/linux, when inserting using the mouse)

  7. 8

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

Comments are closed.