Empêcher de taper des espaces dans une zone de texte HTML avec jQuery

Donc j'ai un HTML forme que les utilisateurs peuvent taper dans. Comment puis-je utiliser javascript/jQuery, immédiatement et de façon transparente supprimer les espaces à partir d'une zone de texte lorsque l'on est mis en? J'ai fait des recherches sur le .val() méthode jQuery et est venu avec cette:

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

Qui fait des choses étranges à la suppression de texte et les espaces encore sur la touche, ils sont juste retiré sur la suite de frappe. Des suggestions?

source d'informationauteur alt

  1. 25

    Vous pourrait l'empêcher d'être ajouté à tous les vérifier si la touche pressée est la barre d'espace et le retour false si oui:

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

    Voici un exemple de travail.

  2. 11

    Essayez d'utiliser keyup

    Démonstration En Direct

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