Unable to Limit the user input in JavaScript [duplicate]

Question

I tried limiting the user input but it wasn't successful, please guide me where I am making mistake.

JS

<script type="text/javascript"> function countLength() { var maxLength=10; var length = document.getElementById("txt").value.length; if(length>10) { return false; } } </script>

HTML code

 <form name="formA" id="formA" action="#" > <textarea id="txt" name="txt" onkeyup="countLength()"></textarea> </form>

here is a good solution stackoverflow.com/questions/1125482/… — Danny
– Danny, Commented Mar 5, 2012 at 20:13
Have you tried debugging? Code looks ok to me. The event is raised and the length is correct. — Andreas
– Andreas, Commented Mar 5, 2012 at 20:18

Bartek · Accepted Answer · 2012-03-05 20:14:58Z

1

Your code basically replicates the maxlength attribute, which seems to work (and I don't think is being deprecated?). Just use that.

<input type='text' name='mytext' maxlength='10'>

answered Mar 5, 2012 at 20:14

Bartek

15.7k2 gold badges61 silver badges66 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Marc B Over a year ago

textareas have no maxlength. That's for input fields only.

sandbox Over a year ago

Yea I know that but I also want to display message underneath eg: 5 characters left as in stackoverflow textbox

Matthew · Accepted Answer · 2012-03-05 20:14:27Z

return false on onkeyup does nothing (as you've probably noticed). I've seen solutions where someone would just alter the value of the textarea, perform a substring operation, and assign that new value back.

Dewfy · Accepted Answer · 2012-03-05 20:24:28Z

Try this:

 function countLength() { var maxLength=10; var ta = document.getElementById("txt"); var length = ta.value.length; if(length>maxLength) { ta.value = ta.value.substr(0, maxLength); return false; } }

Collectives™ on Stack Overflow

Unable to Limit the user input in JavaScript [duplicate]

3 Answers 3

2 Comments

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Linked

Related