It's annoyed me for quite a while that you can set a maximum length on an <input type="text" /> but not on a textarea. Why? Are they so different?
I immediately thought I was going to have to write some messy JavaScript but then I learned that HTML5 implements maxlength on text areas now and I'm only considering modern browsers! Wahoo!
Then I learnt that IE9 doesn't support it so JavaScript it is...
JavaScript textarea maxlength limiter
What I have done that works well is bind events keyup and blur on my text area to a function that removes characters over the maxlength provided. The code looks like this:
$('#txtMessage').bind('keyup blur', function () { var $this = $(this); var len = $this.val().length; var maxlength = $this.attr('maxlength') if (maxlength && len > maxlength) { $this.val($this.val().slice(0, maxlength)); } });
Conclusion
It works quite well because if the browser already supports maxlength on a textarea there will be no interruption because the value of the textarea will not go over that maxlength.
The keyup event doesn't fire when the user pastes text in using the mouse but that is where the blur event comes in. Also, an enter click makes a new line on a textarea so the user has to click the submit button (blurring the textarea).
Beware though that this is for usability only; a nasty user could easily bypass this so ensure you are checking the length server side if it is important to you.
Hey man was just browsing through the internet looking for some information and came across your blog. I am impressed by the information that you have on this blog. http://scarprin.net/
ReplyDeleteThe post was able to express what it wants to convey to the readers. It has been a very effective approach which resulted to a profitable output for all who have been fortunate enough to come across it! http://celabright.biz
ReplyDeleteI must also sometimes make such a perfectly website with such good information. I hope your website will still survive for very long. They are wonderful! Thank you!
ReplyDeleteFor more info click here http://www.scarprin.com/
Hi, Great.. Tutorial is just awesome..It is really helpful for a newbie like me.. I am a regular follower of your blog. Really very informative post you shared here. Kindly keep blogging. If anyone wants to become a Front end developer learn from Javascript Training in Chennai . or learn thru JavaScript Online Training India. Nowadays JavaScript has tons of job opportunities on various vertical industry.
ReplyDeleteThank you for this guide! This example will help to upgrade my project development. But I still think I need to attend some training or course to get new knowledge. I need to read some essay to be more aware. But anyway thank you for your impact. I think this could be used on different stages of my work.
ReplyDeletePest Control services in Kirti Nagar
ReplyDeletePest Control services in Modi Nagar
Pest Control services in Patel Nagar
Pest Control services in Rajouri Garden
Pest Control services in Tilak Nagar
Pest Control services in Janakpuri
Pest Control services in Paschim Vihar
This article is very good. check for check it asphalt 9 mod android plants vs zombies 2 mod download mortal kombat x mod apk android
ReplyDeleteIndia's only Digital News Channel with True Voice of India.
ReplyDeleteFinding #Championsofchange2018 #rahulshivkant
the universal post teams
the universal post youtube
loksabha election 2018
top trending news
top viral news
best trending news in india
The article you have shared here very awesome. I really like and appreciated your work. I read deeply your article, the points you have mentioned in this article are useful.
ReplyDeleteMotorwars2.com
Bulletforce.org
Thanks to this article I can learn more.http://chouraha.com/ram-kya-hai/ Expand your knowledge and abilities. Actually the article is very practical.
ReplyDeleteNice Article
ReplyDeleteAbb Sockets Online
Industrial Plug Sockets online
Abb Switches Online
Abb Mounting Plates Online
Abb Manual Changeover Switches Online
Nice Article
ReplyDeleteBest Doctors in Faridabad
Best Doctors in Gurugram
Best Doctors in Ghaziabad
Best Doctors in Noida
Best Doctors in Delhi
Buy Premium lawn Online for Women's at best prices available at Motifz. ✓ Latest Fashion, ✓ Trendy Designs ➤ Shop Now!
ReplyDeleteI like your blog so much, because you use valuable things as I need. Visit our page for responsive website designing services and digital marketing.
ReplyDeleteWebsite Designing Company in Delhi
One of the great works you done in this blog, thank you so much for sharing with us. Visit Mutualfundwala to know about the best Mutual Fund Advisor and Distributor.
ReplyDeleteInvestment Advisor in Delhi
Great information, get a valuable service at Kalakutir PVT ltd for Fleet Painting and School Bus Painting.
ReplyDeleteFleet Painting
I guess you can please distribute this article and I am charming. A large share of individuals is worried concerning the assignment. online assignment Help cheap for build assignment by our intelligent. online assignment help cheap
ReplyDeleteWe are presenting self-governing Macroeconomics Homework Help for students. Our specialists support to complete your homework who is every time ready at your service, academic writing, and other writing services. Macroeconomics Homework Help
ReplyDeleteTask Help is completing the process of serving tasks staying in contact with customers with full captivating and genuine substance.
ReplyDeletetax assignment help UK
assignment help for cheap
Online assignment help
Wholesale printed custom perfume boxes with the highest quality and affordable prices. Free worldwide Delivery and free Custom Perfume Boxes design.
ReplyDeleteBuy online wholesale printed custom cbd boxes and packaging at easy prices and shipping worldwide, with 24/7 customer support. Get a free custom quote now!!
ReplyDeleteBuy online wholesale printed lipstick boxes and packaging at easy prices and shipping worldwide, with 24/7 customer support. Get a free custom quote now!!
ReplyDeleteBuy online wholesale custom retail boxes and packaging at seashore packaging at the easy price Free shipping worldwide with 24/7 customer support.
ReplyDeletePackaging town is a one-stop solution for the short-run Custom Packaging, Wholesale candle Boxes needs, and supplies at ease.
ReplyDeletemylar label bags in stock now. Ready made Cali pack designs. Fast Shipping at Your Supplies. Custom designs available
ReplyDeletePackaging town is a one stop solution for the short-run tab lock tuck top mailing boxes needs and supplies. At affordable prices. Request a free quote now.
ReplyDeleteBlackbird packaging provide you with any size, shape design, cbd tincture boxes sooner than any other packaging competitor in the market
ReplyDeletecali spliff 3.5g Direct Print on the front and back. % Cali Packs Available at Your Supplies. Heat sealable mylar bags. Fast Shipping.
ReplyDeletePackers and Movers Bangalore as a Services providing company can make all the difference to your ###Home Relocation experience. Bangalore based Company which offers versatile solutions, Right team that easily reduce the stress associated with a ✔✔✔Household Shifting, ***Vehicle Transportation. we help things run smoothly and reduce breakages and offer you seamless, Affordable, Reliable Shifting Services, Compare Shifting Charges. @ Packers And Movers Bangalore
ReplyDeleteBlackbird packaging provide you with any size, shape design, eco friendly bath bomb packaging sooner than any other packaging competitor in the market
ReplyDeletePackaging town is a one stop solution for the short-run rigid boxes wholesale needs and supplies. At affordable prices. Request a free quote now.
ReplyDeletePackaging town is a one stop solution for the short-run custom apparel packaging needs and supplies. At affordable prices. Request a free quote now.
ReplyDeleteBlackbird packaging provide you with any size, shape design, cbd bath bomb boxes sooner than any other packaging competitor in the market
ReplyDeleteI really believe you will do much better in the future I appreciate everything you have added to my knowledge base. Admiring the time and effort you put into your blog and detailed information you offer!
ReplyDeleteLove back Solution Specialist
Vashikaran specialist
Love Vashikaran Specialist
Vashikaran Specialist in Chennai Vashikaran Specialist in Jaipur Vashikaran Specialist in Karnataka
Vashikaran Specialist in London UK
Vashikaran Specialist in Dubai
Vashikaran Specialist in Australia
Vashikaran Specialist in Punjab