« »

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

Generate your business videos by AI with voice or just text

Your first FREE AI Video App! Automate Your First AI Video. Create Your Professional Video In 5 Minutes By AI No Equipment Or Video Editing Skill Requred. Effortless Video Production For Content Marketers. Free UNLMITED AI Video App in Your Hand

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 Preview

Cancel reply

Write your comment

Comment's title

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

Sent (0)
New

BBCode
HTML
URL
JID

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

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

JavaScript Input Form Character Limitation

1.9/5 66 votes / 7,051 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

Let's be first member to do this

colon1990 dinhdai ntt382 huongduong khiem