Javascript how to split a new line

Question

I use jquery and I have a text box, so when I submit the button, I will notify each text separately on a new line. How to split from a new line?

var ks = $('#keywords').val().split("\n"); (function($){ $(document).ready(function(){ $('#data').submit(function(e){ e.preventDefault(); alert(ks[0]); $.each(ks, function(k){ alert(k); }); }); }); })(jQuery); 

input example:

 Hello There 

The result I want:

 alert(Hello); and alert(There) 

Answer 1

Try initializing the ks variable inside your submit function.

  (function($){ $(document).ready(function(){ $('#data').submit(function(e){ var ks = $('#keywords').val().split("\n"); e.preventDefault(); alert(ks[0]); $.each(ks, function(k){ alert(k); }); }); }); })(jQuery); 

Answer 2

It should be

 yadayada.val.split(/\n/) 

you pass a literal string to the split command, not the regular expression.

Answer 3

You have to parse newline strings regardless of platform (operating system) This regex split is universal, you can use it.

 var ks = $('#keywords').val().split(/\r?\n/); 

eg.

 "a\nb\r\nc\r\nlala".split(/\r?\n/) // ["a", "b", "c", "lala"] 

Answer 4

Since you are using textarea , you can find \ n or \ r (or \ r \ n) for line breaks. So, the following is suggested:

$('#keywords').val().split(/\r|\n/)

ref: check if string contains line break

Answer 5

Simply

var ks = $('#keywords').val().split(/\r\n|\n|\r/);

will work just fine.

Make sure \r\n is at the beginning of the RegExp line, because it will be tried first.

Answer 6

• Move var ks = $('#keywords').val().split("\n"); inside event handler
• Use alert(ks[k]) instead of alert(k)

---

  (function($){ $(document).ready(function(){ $('#data').submit(function(e){ e.preventDefault(); var ks = $('#keywords').val().split("\n"); alert(ks[0]); $.each(ks, function(k){ alert(ks[k]); }); }); }); })(jQuery); 

Demo

Answer 7

The easiest and safest way to break a line using newlines, regardless of format (CRLF, LFCR or LF), is to remove all carriage return characters and then split them into newlines . "text".replace(/\r/g, "").split(/\n/);

This ensures that if there are continuous newlines (i.e., \r\n\r\n , \n\r\n\r or \n\n ), the result will always be the same.

In your case, the code will look like this:

 (function ($) { $(document).ready(function () { $('#data').submit(function (e) { var ks = $('#keywords').val().replace(/\r/g, "").split(/\n/); e.preventDefault(); alert(ks[0]); $.each(ks, function (k) { alert(k); }); }); }); })(jQuery); 

Here are a few examples showing the importance of this method:

 var examples = ["Foo\r\nBar", "Foo\r\n\r\nBar", "Foo\n\r\n\rBar", "Foo\nBar\nFooBar"]; examples.forEach(function(example) { output('Example "${example}":'); output('Split using "\n": "${example.split("\n")}"'); output('Split using /\r?\n/: "${example.split(/\r?\n/)}"'); output('Split using /\r\n|\n|\r/: "${example.split(/\r\n|\n|\r/)}"'); output('Current method: ${example.replace(/\r/g, "").split("\n")}'); output("________"); }); function output(txt) { console.log(txt.replace(/\n/g, "\\n").replace(/\r/g, "\\r")); } 

Answer 8

The problem is that when initializing ks the value parameter is not set.

You should get the value when the user submits the form. So you need to initialize ks inside the callback function

 (function($){ $(document).ready(function(){ $('#data').submit(function(e){ //Here it will fetch the value of #keywords var ks = $('#keywords').val().split("\n"); ... }); }); })(jQuery); 

Answer 9

Good'ol javascript:

  var m = "Hello World"; var k = m.split(' '); // I have used space, you can use any thing. for(i=0;i<k.length;i++) alert(k[i]); 

Answer 10

Here is an example with console.log instead of alert() . It is more comfortable:)

 var parse = function(){ var str = $('textarea').val(); var results = str.split("\n"); $.each(results, function(index, element){ console.log(element); }); }; $(function(){ $('button').on('click', parse); }); 

You can try here

Answer 11

 (function($) { $(document).ready(function() { $('#data').click(function(e) { e.preventDefault(); $.each($("#keywords").val().split("\n"), function(e, element) { alert(element); }); }); }); })(jQuery); 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <textarea id="keywords">Hello World</textarea> <input id="data" type="button" value="submit">