find a location for property in a new city

Thursday, 10 May 2012

Set maxlength on a textarea

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.

Follow britishdev on Twitter

59 comments:

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

    ReplyDelete
  2. The 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

    ReplyDelete
  3. I 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!

    For more info click here http://www.scarprin.com/

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

    ReplyDelete
  5. Thank 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.

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

    Motorwars2.com
    Bulletforce.org

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

    ReplyDelete
  8. Buy Premium lawn Online for Women's at best prices available at Motifz. ✓ Latest Fashion, ✓ Trendy Designs ➤ Shop Now!

    ReplyDelete
  9. I like your blog so much, because you use valuable things as I need. Visit our page for responsive website designing services and digital marketing.
    Website Designing Company in Delhi

    ReplyDelete
  10. 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.
    Investment Advisor in Delhi

    ReplyDelete
  11. Great information, get a valuable service at Kalakutir PVT ltd for Fleet Painting and School Bus Painting.
    Fleet Painting

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

    ReplyDelete
  13. We 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

    ReplyDelete
  14. Task Help is completing the process of serving tasks staying in contact with customers with full captivating and genuine substance.
    tax assignment help UK
    assignment help for cheap
    Online assignment help

    ReplyDelete
  15. Wholesale printed custom perfume boxes with the highest quality and affordable prices. Free worldwide Delivery and free Custom Perfume Boxes design.

    ReplyDelete
  16. Buy 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!!

    ReplyDelete
  17. Buy online wholesale printed lipstick boxes and packaging at easy prices and shipping worldwide, with 24/7 customer support. Get a free custom quote now!!

    ReplyDelete
  18. Buy online wholesale custom retail boxes and packaging at seashore packaging at the easy price Free shipping worldwide with 24/7 customer support.

    ReplyDelete
  19. Packaging town is a one-stop solution for the short-run Custom Packaging, Wholesale candle Boxes needs, and supplies at ease.

    ReplyDelete
  20. mylar label bags in stock now. Ready made Cali pack designs. Fast Shipping at Your Supplies. Custom designs available

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

    ReplyDelete
  22. Blackbird packaging provide you with any size, shape design, cbd tincture boxes sooner than any other packaging competitor in the market

    ReplyDelete
  23. cali spliff 3.5g Direct Print on the front and back. % Cali Packs Available at Your Supplies. Heat sealable mylar bags. Fast Shipping.

    ReplyDelete
  24. Packers 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

    ReplyDelete
  25. Blackbird packaging provide you with any size, shape design, eco friendly bath bomb packaging sooner than any other packaging competitor in the market

    ReplyDelete
  26. Packaging town is a one stop solution for the short-run rigid boxes wholesale needs and supplies. At affordable prices. Request a free quote now.

    ReplyDelete
  27. Packaging town is a one stop solution for the short-run custom apparel packaging needs and supplies. At affordable prices. Request a free quote now.

    ReplyDelete
  28. Blackbird packaging provide you with any size, shape design, cbd bath bomb boxes sooner than any other packaging competitor in the market

    ReplyDelete
  29. Needless to say, some students are good at Mathematics while some others are strong in English and History. We have to admit that we have weaknesses in certain subjects. But, what will be your stance when it comes to an assignment completion of the topic you dislike most. Academic essay writers are acquainted with every discipline, be it hard or easy. Relying upon them is a good option as you can be ensured of 100% original content and Dissertation Writing Services.

    ReplyDelete
  30. Packaging town is a one stop solution for the short-run custom soap boxes needs and supplies. At affordable prices. Request a free quote now.

    ReplyDelete
  31. buy online electronics from alfatah at best prices. get free shipping

    ReplyDelete
  32. We at Al-Fatah have perfected the floor care with the right variety of Vacuum Cleaners available under one roof. Al-Fatah is a One-Stop Shop for all your home appliances buying needs. Buy best variety of Vacuum Cleaners in Pakistan at Al-Fatah. Shop Vacuum Cleaners of Top & Genuine Brands in Pakistan at Al-Fatah now!

    ReplyDelete
  33. Shop from a wide variety of your favorite brand's Lawn Collection 2021 from SAFFANA store. Shop for Digitally Printed Lawn, Embroidered Lawn and Premium Lawn collection. Shop Now from a wide range of lawn collections from SAFFANA. Shop for stitched and unstitched lawn dresses today from SAFFANA store. Browse NOW!

    ReplyDelete
  34. Choose choppers, mincers and grinders from a range of branded categories at Al-Fatah. Shop for choppers, mincers and grinders, mini choppers machine, fruit and vegetables chopper and meat chopper in Pakistan from all imported and local brands at Al-Fatah. We have extensive range of brands of choppers at Al-Fatah.

    ReplyDelete
  35. Blackbird packaging company can provide you with any size, shape design, and bath bomb boxes sooner than any other packaging competitor in the market

    ReplyDelete
  36. Packaging town is a one stop solution for the short-run custom soap boxes needs and supplies. At affordable prices. Request a free quote now.

    ReplyDelete
  37. Blackbird packaging company can provide you with any size, shape design, and bath bomb boxes sooner than any other packaging competitor in the market

    ReplyDelete
  38. Blackbird packaging company can provide you with any size, shape design, and bath bomb boxes sooner than any other packaging competitor in the market

    ReplyDelete
  39. Blackbird packaging company can provide you with any size, shape design, and bath bomb boxes sooner than any other packaging competitor in the market.

    ReplyDelete
  40. Packaging town is a one stop solution for the short-run custom soap boxes needs and supplies. At affordable prices. Request a free quote now.

    ReplyDelete
  41. Clara smith is an esteemed professor at a reputed university in the US. She has been associated with TopHomeworkHelper.com, helping students who type
    essay help on the website. Clara is known for her research in the area of literature and psychology.
    Also, we provide coursework help , free revisions so you won’t have to make any extra payment to get any modifications or corrections done.

    ReplyDelete
  42. Packaging town is a one stop solution for the short-run custom soap boxes needs and supplies. At affordable prices. Request a free quote now.

    ReplyDelete
  43. Dissertation writing services is one of the most sought-after and popular services provided by service providers. You will not be able to write a good dissertation if you cannot understand a few essential elements of the project. The experts working with these websites are well aware of these elements and are considered the best help for dissertation writing.

    https://education753626040.wordpress.com/2021/05/07/3-ways-an-expert-can-assist-you-in-writing-a-dissertation/

    ReplyDelete
  44. Thanks for sharing information with us…satisfied after visiting your blog…. Learn the latest trends & their practical application by experts with us…you can contact us click on
    Visit ISMT India

    ReplyDelete
  45. buy dental care products online from medisense.pk at best prices delivred at your doorstep. get free shipping

    ReplyDelete
  46. buy sports bra pakistan online from Dshred at best prices delivered at your doorstep. Get free shipping

    ReplyDelete
  47. buy makeup online in lahore from alfatah at best prices delivered at your doorstep. get free delivery

    ReplyDelete
  48. buy gym leggings online from dshred at easy prices delivered at your doorstep. get free shipping

    ReplyDelete
  49. NDURE brings you its wide range of Men's t-shirt. Now you can buy your favorites with just a tap. You can find our t-shirts online by logging into our site. Our shirts are made with pure fabric that makes you stand out. So don't wait around and shop from our collection of online t-shirts.

    ReplyDelete
  50. Study Engineering at the best autonomous college in AP with scholarships and full faculty support with high quality education and professional career support.
    https://www.adityatekkali.edu.in/

    ReplyDelete
  51. buy tops for girl online from dshred at easy prices delivered at your doorstep. Get free shipping

    ReplyDelete
  52. Buy men shoes online from Al-Fatah at best prices delivered at your doorstep. Get free shipping

    ReplyDelete