Impedisci di digitare spazi in una casella di testo HTML con jQuery

Question

Quindi ho un modulo HTML che gli utenti possono digitare. Come posso utilizzare javascript/jQuery per rimuovere immediatamente e senza problemi spazi da una casella di testo quando ne viene inserito uno? Sono stato alla ricerca del metodo di jQuery .val() e arrivato fino a questo:

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

che fa cose strane a rimuovere il testo e gli spazi mostrano ancora su battitura, hanno appena vengono rimossi sulla seguente sequenza di tasti. Eventuali suggerimenti?

Answer 1

Si potrebbe evitare che venga aggiunto a tutti controllando se il tasto premuto è la barra spaziatrice e il ritorno false in caso affermativo:

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

Ecco uno working example.

Answer 2

uso Prova keyup

Live Demo

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