txt - uso de javascript en html

Cómo leer línea por línea de una etiqueta HTML del área de texto

Question

Tengo un área de texto donde cada línea contiene un valor entero como el siguiente

 1234
4321
123445

Quiero verificar si el usuario realmente ha ingresado valores válidos y no algunos valores divertidos como los siguientes

 1234,
987l;

Para eso necesito leer línea por línea del área de texto y validar eso. ¿Cómo puedo leer línea por línea de un área de texto usando javascript?

Answer 1

Dos opciones: no se requiere JQuery, o versión de JQuery

No JQuery (o cualquier otra cosa requerida)

var textArea = document.getElementById(''myTextAreaId'');
var lines = textArea.value.split(''/n''); // lines is an array of strings
// Loop through all lines
for (var j = 0; j < lines.length; j++) {
console.log(''Line '' + j + '' is '' + lines[j])
}

Versión jQuery

var lines = $(''#myTextAreaId'').val().split(''/n''); // lines is an array of strings
// Loop through all lines
for (var j = 0; j < lines.length; j++) {
console.log(''Line '' + j + '' is '' + lines[j])
}

Nota al margen, si prefiere forEach un bucle de muestra es

lines.forEach(function(line) {
console.log(''Line is '' + line)
})

Answer 2

Esto funciona sin necesidad de jQuery:

var textArea = document.getElementById("my-text-area");
var arrayOfLines = textArea.value.split("/n"); // arrayOfLines is array where every element is string of one line

Answer 3

Esto le daría todos los valores numéricos válidos en las lines . Puede cambiar el bucle para validar, eliminar caracteres no válidos, etc., lo que desee.

var lines = [];
$(''#my_textarea_selector'').val().split("/n").each(function ()
{
if (parseInt($(this) != ''NaN'')
lines[] = parseInt($(this));
}

Answer 4

Prueba esto.

var lines = $(''textarea'').val().split(''/n'');
for(var i = 0;i < lines.length;i++){
//code here using lines[i] which will give you each line
}

Answer 5

Un simple regex debería ser eficaz para verificar su área de texto:

//s*/d+/s*/n/g.test(text) ? "OK" : "KO"