Foros del Web » Programando para Internet » Javascript »

eliminar espacios al final de campo de texto

Estas en el tema de eliminar espacios al final de campo de texto en el foro de Javascript en Foros del Web. Tengo un buscador y necesito que cuando el usuario cometa el error de poner un espacio de más al final de cada palabra el espacio ...
  #1 (permalink)  
Antiguo 01/10/2014, 08:32
 
Fecha de Ingreso: junio-2012
Mensajes: 26
Antigüedad: 11 años, 10 meses
Puntos: 0
Sonrisa eliminar espacios al final de campo de texto

Tengo un buscador y necesito que cuando el usuario cometa el error de poner un espacio de más al final de cada palabra el espacio se borre:

ejemplo:

juego"espacio"

y quiero que quede así:

juego


codigo


<input style="max-width:570px;" name="search" type="text" autocomplete="on" id="noteBody" placeholder="Buscar..." />
  #2 (permalink)  
Antiguo 01/10/2014, 08:36
Colaborador
 
Fecha de Ingreso: septiembre-2013
Ubicación: España
Mensajes: 3.648
Antigüedad: 10 años, 7 meses
Puntos: 578
Respuesta: eliminar espacios al final de campo de texto

Puedes usar trim() o replace():

https://developer.mozilla.org/en-US/...ts/String/Trim
  #3 (permalink)  
Antiguo 01/10/2014, 13:22
 
Fecha de Ingreso: junio-2012
Mensajes: 26
Antigüedad: 11 años, 10 meses
Puntos: 0
Respuesta: eliminar espacios al final de campo de texto

Encontré una solución

<script language="javascript" type="text/javascript">
function TrimString()
{
var txtObj = document.getElementById("noteBody");
txtObj.value = txtObj.value.replace(/^\s+/,""); //Left trim
txtObj.value = txtObj.value.replace(/\s+$/,""); //Right trim
}
</script>


pero solo funciona si se da click en el botón #noteBody,
hay alguna manera de que también funcione al oprimir la tecla "Enter"

Última edición por crashbashIV; 01/10/2014 a las 13:46
  #4 (permalink)  
Antiguo 01/10/2014, 17:47
Avatar de GeekGirl  
Fecha de Ingreso: julio-2014
Mensajes: 423
Antigüedad: 9 años, 9 meses
Puntos: 44
Respuesta: eliminar espacios al final de campo de texto

Como bien dijo PHPeros, la solución está en usar la función trim. El código debería quedarte así:

Código HTML:
<script type="text/javascript">
    var txtObj  = document.getElementById("noteBody");
    var trimTxt = txtObj.trim();
</script> 
Saludos!
  #5 (permalink)  
Antiguo 01/10/2014, 22:14
Avatar de Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 12 años, 5 meses
Puntos: 977
Respuesta: eliminar espacios al final de campo de texto

Cita:
Iniciado por crashbashIV Ver Mensaje
¿hay alguna manera de que también funcione al oprimir la tecla "Enter"?
Trabaja con los eventos del teclado.

Código Javascript:
Ver original
  1. txtObj.addEventListener("keypress", function(event){
  2.     var tecla = event.keyCode || event.which; //Tomo el código de la tecla pulsada
  3.  
  4.     if (tecla == 13){ //Si el código de la tecla corresponde al de la tecla ENTER
  5.         //Realizas las acciones que desees
  6.     }
  7. }, false);

Saludos
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand

Etiquetas: input
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 07:09.