En una librería tan potente como JQuery no podía faltar uno de los métodos más ampliamente utilizados cuando trabajamos con cadenas de texto, nos referimos al Trim.  Este método nos permite eliminar espacios en blanco tanto al inicio como al final de la cadena al mismo tiempo, por lo que nos es útil cuando queremos validar entradas de información ( nombres de usuario) o cuando no queremos que introduzcan valores vacios.

Por ejemplo supongamos que tenemos los siguientes elementos <input>:

1
2
<input type="text" name="nombre" class="MiClase" />
<input type="text" name="apellido" class="MiClase" />

Para eliminar espacios en blanco, tabulaciones o retornos de carro y de línea llamaremos al método Trim cuando salgamos del input ( evento onBlur) de la siguiente forma:

1
2
3
4
5
6
7
8
(function($) {
$(document).ready(function() {
$('input.MiClase').blur(function() {
var value = $.trim( $(this).val() );
$(this).val( value );
});
});
})(jQuery);

Así cada vez que proporcionemos espacios en blanco al inicio y final, éstos serán removidos.

 

(Visited 1,798 times, 1 visits today)