防止用jQuery在HTML文本框中輸入空格

Question

所以我有一個用戶可以輸入的HTML表單。如何在使用javascript/jQuery時立即無縫地從文本框中刪除空格？我一直在研究的.val() jQuery的方法以及與此想出了：

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

這不奇怪的事情，以消除文字和空間仍然顯示在按鍵，他們只是在下面的按鍵取出。有什麼建議麼？

Answer 1

你可以防止它在被添加了所有通過檢查按下的鍵是空格鍵和返回false如果這樣：

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

這裏是working example。

Answer 2

嘗試使用keyup

Live Demo

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