limit textarea entry without maxlength attribute in angularjs

Question

I have a requirement where the user can enter/copy-paste 25 ids separated by comma in a textarea ; there is no maximum size for the ids.Thereafter he cannot enter any characters.He then submits those ids for search.

Is there any way to limit the id number to 25 and then not allowing the user to enter anything. I cannot use maxlength here.Also all these checking have to happen before user submits and the control reaches the angularjs controller. I am using angularjs,HTML5,CSS3,bootstrap.

You can fire function on ng-change. – 0x860111 Oct 01 '15 at 20:03 — 0x860111, Oct 01 '15 at 20:03

score 0 · Answer 1 · answered Oct 01 '15 at 20:04

You can split the model of the input on ng-change like this for example ( where textareaValue is the model of the textarea ):

var textareaValueArray = textareaValue.split(',');

    if( textareaValueArray.length > 25 ) 
        textareaValue =  textareaValueArray.slice(0,25).join(',')

score 0 · Accepted Answer · edited May 23 '17 at 12:22

0

Basically what you'd need to is count the number of commas in the string and raise an error when it exceeds 24. You could do this using ng-onchange or when the user submits. This answer: Count the number of occurrences of a character in a string in Javascript should help you with counting the commas.

edited May 23 '17 at 12:22

Community

1
1

answered Oct 01 '15 at 20:04

Mike Feltman

5,160
1
17
38

limit textarea entry without maxlength attribute in angularjs

2 Answers2