[SOLUCIONADO] Validar textarea para evitar sólo espacios en blanco

[JavierMMM]

Hola a todos, buen día. Estoy batallando con algo que a la vista parece muy simple, pero que en este momento no no puedo solucionar

Resulta que tengo un textarea en la cual valido que no se guarde el contenido en bñaco, esto es, que no tenga caracteres y se guarde en mi bd. Pero el problema me vien cuando sólo teclean espacios en blanco. He querido valida con expresiones regulares, con tri pero lo que he obtenido es que me elimina los espacios en blanco de todo el texto junto.

¿Alguien tiene alguna forma de poder validar que no sean sólo espacios en blanco los que tengo en mi textarea?

Saludos.

[leugimsiul]

Bueno, la función trim funciona en la mayoría de navegadores la verdad, incluso puedes tener un polyfill por si acaso, pero al grano. Tan solo tienes que hacer:

Código Javascript:

function validaValorDeTextarea(){
    var texto = document.getElementById('mi-textarea').value.trim();
    !!texto.length
        ? alert("El valor tecleado sin espacios es: '" + texto + "'")
        : alert("El campo está vacío!")
}
 

Con trim() se darán los siguientes valores:

Código Javascript:

> Para "Texto" obtendrás "Texto"
 
> Para "" obtendrás ""
 
> Para "             " obtendrás ""
 
> Para "   Texto con espacios al principio y final  " obtendrás "Texto con espacios al principio y final"
 

Es decir, trim solo quita los especios al inicio y final. Si el texto se compone solo de espacios, el texto queda vacío. Si quieres usar trim sin ningún peligro (aunque está desde IE9 ya), puedes usar el polyfill de MDN por ejemplo https://developer.mozilla.org/es/doc.../Trim#Polyfill

Código Javascript:

if (!String.prototype.trim) {
  (function() {
    // Make sure we trim BOM and NBSP
    var rtrim = /^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g;
    String.prototype.trim = function() {
      return this.replace(rtrim, '');
    };
  })();
}
 

[alvaro_trewhela]

Es obvio que te darán mejores métodos que el mio, pero a mi rápidamente se me ocurre algo así:

Código Javascript:

function is_empty(id){
var s = document.getElementById(id).value;
s = s.trim();
s = s.replace(" ", "");
    if(s == "" || s == null){ return true; }
return false;
}
 

[marlanga]

¿Qué expresiones regulares has intentado?

Código BASH:

/^\s*$/
 

Si valida, es que sólo tiene espacios en blanco.

[JavierMMM]

He usado las siguientes:

/[A-Za-z\s]/

como función en un replace la siguiente -> /^\s+|\s+$/g,''

también esta -> /^\s*$/

entre otras que ya he deshechado....

Funcionan para eliminar espacios en blalnco. Pero creo que mi problema es un poco más que sólo un textarea y hasta ahora caigo en cuenta.

No estoy utilizando sólo un textarea, es el editor CKEditor, y lo que sucede es que cuando pongo sólo espacios en blanco, me gener un párrafor con espacios en blanco en html

<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n bsp;&nbsp;&nbsp;</p>

por lo que al aplicar la expresión regular no aplica.

He estado revisando la documentación del editor y hasta ahora nada para este caso en especial.

Si saben de algo que se pueda hacer, se los agradeceré.

[marlanga]

https://jsfiddle.net/t1r1kvju/

[JavierMMM]

¡¡¡Muchas gracias marlanga!!!, me ha funcionado de maravilla.

[JavierMMM]

¡¡¡Muchas gracias marlanga!!!, me ha funcionado de maravilla.

Así ha quedado mi código y funciona a la perfección

Código Javascript:

document.getElementById('envio').addEventListener('click', function(){
   if (/^\s*$/.test(CKEDITOR.instances.ckeditor.document.getBody().getText())) {
      bootbox.alert("Debe de agregar texto a la actividad.");
   } else {
      $("#envio").attr('disabled', 'disabled');
      submitForm();
   }
});