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

Eliminar espacios de un input en tiempo real en Javascript

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.

Comparte el código!...talvez tu amigo lo necesite!

Whatsapp Messenger Facebook Twitter

Visitado 4962 veces | Publicado hace 1 año

Curso Laravel 8 Página Web 100% Administrable

Mira el temario del curso en el siguiente link

VER EL CURSO

CÓDIGO FUENTE JAVASCRIPT

Logo Codea App

Develop your code

Perú, México, Colombia, España, Venezuela, Argentina, Bolivia

You Fb Tik Pin

© Todos los derechos reservados CODEA APP | Cursos de programación avanzados con proyectos reales | 2020 - 2021