Evite escribir espacios en un cuadro de texto HTML con jQuery

Question

Tengo un formulario HTML que los usuarios pueden escribir. ¿Cómo puedo usar javascript/jQuery para eliminar de forma inmediata y sin problemas los espacios de un cuadro de texto cuando se coloca uno? He estado investigando el método jQuery .val() y se acercó con esto:

$('input').keydown(function() { 
    str = $(this).val(); 
    str = str.replace(/\s/g,''); 
    $(this).val(str); 
}); 

Eso hace cosas extrañas a la eliminación de texto y los espacios todavía aparece en las pulsaciones de teclas, sólo se eliminan en la siguiente pulsación de tecla. ¿Alguna sugerencia?

Answer 1

Se podría evitar que sea añadido en absoluto comprobando si la tecla pulsada es la barra de espacio y regresar false si es así:

​$("input").on("keydown", function (e) { 
    return e.which !== 32; 
});​​​​​ 

Aquí hay un working example.

Answer 2

uso Try keyup

Live Demo

$('input').keyup(function() { 
    str = $(this).val(); 
    str = str.replace(/\s/g,''); 
    $(this).val(str); 
});