Codrops

In Development by cody November 8, 2009 29 Comments

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

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

View demo Download 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

Tagged with: jQuery maximum input textarea twitter

Written by cody

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

View all articles by cody

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

Related Articles

Advertisement

Feedback ²⁹ Comments are closed.

Pingback: uberVU - social comments
jQuery Blog November 11, 2009 at 16:06

1

Hey.. Nice article..
I would like to share a similar tutorial: Maxlength Textarea using jQuery
forex robot November 19, 2009 at 17:07

2

great post as usual .. thanks .. you just gave me a few more ideas to play with
axe December 18, 2009 at 08:40

3

doesn’t work correctly. I can still copy/paste characters over the limit.
- cody December 18, 2009 at 10:29
  
  4
  
  hi,
  You should be able to to that. however the buttom is disabled right?
Pingback: jMaxInput: jQuery Twitter-Like Textarea | Codrops | Squico
Pingback: twitter-like textarea in jquery | WebDesignExpert.Me
Pingback: 5 efectos con jQuery - save ass
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?
Pingback: 5 fresh jquery plugin for web developers | denbagus blog
cd data recovery December 30, 2009 at 17:29

5

awesome article. I’m definitely looking forward to reading more posts!
Cesar January 3, 2010 at 18:20

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’.
cody January 3, 2010 at 18:25

7

Hi Cesar. I can’t simulate the behaviour you are saying… Which browser and version are you using?
Pingback: 5 New Useful jQuery Plugins For Your Next Projects | AEXT.NET
Jai January 8, 2010 at 08:10

8

Awesome… really useful script…
Pingback: Twitter-Like Textarea using jQuery | ajaxdump
Amit January 16, 2010 at 18:00

9

Thanks;But is there any way so that the color of the counter
change with the number of character left, just like twitter…
Pingback: Et voici Qwicker ! | Owni.fr
Pingback: 20 Best Twitter-likes And Useful Tutorials To Work With Twitter | AEXT.NET
Pingback: Twitter benzeri ajax ve jQuery örnekleri | Javascript | Web Önerilerimiz
Pingback: Blog-HemenUlas,WebMaster Bilgileri,Html Kodlar?,Webmaster bilgileri » Twitter Benzeri Ajax ve jquery örnekleri

Comments are closed.