Tengo un cuadro de área de texto, necesito verificar los datos cuando ingresamos el texto en el área de texto. Escribí el método de cambio pero eso no funciona aquí es el código.
<textarea (change)="textAreaEmpty(textValue)" #textValue></textarea>componente
textAreaEmpty(text:string){ if(text.length > 0) console.log(text); }También necesito verificar cuántas filas ingresó el usuario en el área de texto. No encontré ninguna solución en anuglar2, puedo obtener los datos con jquery o javascript, pero no quiero usar eso. quiero usarlo en angular 2, ¿alguien puede ayudarme?
Puedo obtener los datos con jquery o javascript, pero no quiero usar eso. quiero usarlo en angular 2, ¿alguien puede ayudarme?
Usa [ngModel] si quieres hacerlo más "angular"...
<textarea [(ngModel)]="textValue" (ngModelChange)="textAreaEmpty()"></textarea>TS:
textValue: string = ''; textAreaEmpty(){ if (this.textValue != '') { console.log(this.textValue); } }textValue no es un valor en este caso. Es todo el elemento de entrada, por lo que si desea verificar si tiene su propio valor, debe cambiar su html de la siguiente manera:
<textarea (change)="textAreaEmpty(textValue.value)" #textValue></textarea>Validación para new-lines , white-spaces o null
if(value.trim().length === 0) console.log('No input found')Ejecutar fragmento de código para probar
inserte new-lines y white-spaces pero no obtendrá ningún resultado al enfocarse desde el campo de entrada
document.getElementsByName("text")[0].addEventListener('change', onChange); function onChange(){ if (this.value.trim().length != 0) { console.log('Here is your output: ') console.log(this.value) } } <link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet"/> <textarea name="text" rows="3" class="form-control" placeholder="Write and check"></textarea>