« »

You can use this JavaScript to add a counter of limitation to your inputs such as <input> and <textarea> on your web pages. Just define the limitation for each input, the script does all remaining everything. Very easy to use and customize, let try it now.

Label: Input Form, Character Limitation, customize, counter

Report to us error of this JavaScript

Demo
Enlarge
Reload
New window

Free iPage Web Hosting for First Year NOW

If you're still looking for a reliable web host provider with affordable rates, why you don't take a little of time to try iPage, only with $1.89/month, included $500+ Free Extra Credits for the payment of 24 months ($45)?

Over 1,000,000+ existisng customers can not be wrong, definitely you're not, too! More important, when you register the web hosting at iPage through our link, we're going to be happy for resending a full refund to you. That's awesome! You should try iPage web hosting for FREE now! And contact us for anything you need to know about iPage. Try iPage for FREE First Year NOW

Code
JavaScript
HTML
Print

Copy All x2

<script type="text/javascript">
  function text_counter(textfield_id,counter_id,count){
    count = parseInt(count);
 
    document.getElementById(counter_id).innerHTML = count;
 
    document.getElementById(textfield_id).onpropertychange = function(){
        text_count_changed(textfield_id,counter_id,count);
    }
  }
 
  function text_count_changed(textfield_id,counter_id,count){
    if(count-parseInt(document.getElementById(textfield_id).value.length)<0){
        document.getElementById(textfield_id).value = document.getElementById(textfield_id).value.substr(0,count);
    }
 
    document.getElementById(counter_id).innerHTML = count-parseInt(document.getElementById(textfield_id).value.length);
  }
  </script>

Copy All x2

<p>
<script type="text/javascript">inputtext_approving_chars_count = 10;</script>
<input type="text" id="inputtext" oninput='text_count_changed("inputtext","inputtext_counter",inputtext_approving_chars_count);'> <span id="inputtext_counter"></span>
<script type="text/javascript">text_counter("inputtext","inputtext_counter",inputtext_approving_chars_count);</script>
</p>
 
<p>
<script type="text/javascript">textfield_approving_chars_count = 255;</script>
<textarea id="textfield" cols="50" rows="10" oninput='text_count_changed("textfield","textfield_counter",textfield_approving_chars_count);'></textarea> <span id="textfield_counter"></span>
<script type="text/javascript">text_counter("textfield","textfield_counter",textfield_approving_chars_count);</script>
</p>

Comment (7)
Write

by Design Rank, 03/03/2010 02:03 PM
Reply

great resources again for all javascript lovers.
thanks for sharing them.

by tran van quang, 06/03/2010 09:03 AM
dep Reply

chua bit lam kieu j nua~

by gil, 14/03/2010 09:03 PM
Reply

thank you for the code it really helps

by TomPier, 04/05/2010 05:05 PM
TomPier Reply

great post as usual!

by medical assistant, 11/05/2010 03:05 PM
thanks for the post Reply

Pretty nice post. I just stumbled upon your blog and wanted to say that I have really enjoyed browsing your blog posts. In any case Iâ€™ll be subscribing to your feed and I hope you write again soon!

by Cao Phong, 11/05/2010 10:05 PM
Reply

no problem, hope you'll find more interesting things at here

by cong hoang, 25/03/2011 01:03 AM
Reply

very good. thank for share

by Preview

Cancel reply

Write your comment

Comments of Guest will be previwed before published
Give your real email to get notifying replies, or comment will be deleted

Your name *
Your email^g *
~~Your site~~

Comment's title

I assure 100% I am real human
I repeat I am not bot

Sent (0)
New

BBCode
HTML
URL
JID

https://tooly.win
Open tool hub for free to use by any one for every one with hundreds of tools

chatGPTaz
Voice chat comning soon. You could talk to ChatGPT and hear the most intelligent AI speaks very soon

Cool Domains for Sale!

CTRCoin.com system.money Card.rip ChatTotal.com this.bid pornID.net war.money CreditCard.rip ChainTutor.com CryptoKD.com ABP3.com ZWVQ.com choose.exchange XMQV.com CoinHolo.com choose.works index.services eChainBank.com YeuNu.com ApexBTC.com

Submit day:
Author:
Previews:
Comment:
Votes:
Sent:
Size:
Rank:

03/03/2010
Ruben Sargsyan [more]
6,327
7
66
0
4.1 KBytes

JavaScript Input Form Character Limitation

1.9/5 66 votes / 6,327 previews / 7 comment 03/03/2010 You can use this JavaScript to add a counter of limitation to your inputs such as <in...JavaScript Input Form Character Limitation - Input Form Character Limitation

colon1990[4] ntt382 Cao Phong[5] pm202505 bimat minhnvt1

Let's be first member to do this

colon1990 dinhdai ntt382 huongduong khiem