Eliminar espacios de un input en tiempo real

Eliminar espacios de un input en tiempo real en Javascript

Eliminar espacios de un input en tiempo real

Para eliminar espacios en blanco debemos usar una expresión regular replace(/ /g, ""); capturamos el ID del input y luego la reemplazamos sin espacios

En ocasiones en una aplicación web se solicita el ingreso de un nombre 

  • No debe permitir ingresar nombres con espacios en blanco.

¿Cómo eliminar espacio en blanco en un input  html?

Para explicar adecuadamente esto, vamos a crear un formulario con un campo input al cual le asignaremos un id nombre. El código html se veria de la siguiente manera:

<form>
<input type="text" name="nombre" id="nombre" placeholder="NOMBRE" class="form-control" autocomplete="off">
</form>

Como bien notan tiene varios atributos dentro de los cuales el mas importante es el ID

Pues bien ahora vamos a ver como va a ser la interacción 

$("#nombre").keyup(function(){              
        var ta      =   $("#nombre");
        letras      =   ta.val().replace(/ /g, "");
        ta.val(letras)
}); 

Y listo es toda la magia. Explicando un poco el código Javascript  con el evento keyUp

  1. Cada vez que se ingrese un espacio en blanco en la caja del input text simplemente se eliminará
  2. Porque es reemplado por la nueva cadena pero sin espacios.

Hasta un próximo tip de Javascript.

No hay descargable

Redactado por: , Leido 9991 veces

CURSOS DE PROGRAMACIÓN CON PROYECTOS

© Todos los derechos reservados Codea App FullStack | Cursos de programación avanzados | 2020 - 2021