Check for lines in textarea with jQuery

Question

I want something like a counter for each line in a text box. This is used when loading a huge number of web banners, so I need a simple counter for the number of users. Right now, the counter only works when the user clicks a link with a special banner.

This is my code as of now:

var i = 0; $('.size').click(function(){ $('#total-number').text(i++); return false; }); 

Answer 1

Use the String split function ...

 var text = $('#total-number').text(); var eachLine = text.split('\n'); alert('Lines found: ' + eachLine.length); for(var i = 0, l = eachLine.length; i < l; i++) { alert('Line ' + (i+1) + ': ' + eachLine[i]); } 

Answer 2

Using regular expressions, your problem can be solved as follows (search for a text field for the new character of the string "\ n")):

 //assuming $('#total-number') is your textarea element var text = $('#total-number').val(); // look for any "\n" occurences var matches = text.match(/\n/g); // count them, if there are any var breaks = matches ? matches.length : 0; 

breaks Now the variable contains the number of line breaks in the text.

Answer 3

Find the text box for "\ n".

To be sure, search for the regular expression for the pattern "\\ n" and count the array of matches, which will be the number of lines.

Answer 4

It works when you mannualy press enter, but is there a way to count line breaks created by textarea when you copy data to it? I mean, if you define the width for the text field and then insert some kind of text, it will create line-by-line ...

Answer 5

You mean a single line string that wraps around. A line break, if I am not mistaken, is created by pressing Enter or Shift + Enter.