2013-04-28 114 views
1

如何防止空格被粘貼到輸入字段?
如何防止在將文本粘貼到輸入字段時出現空格?

例如:我有兩個不同的input字段的名字和姓氏。我已經禁止通過使用簡單的jQuery將輸入到輸入字段中,但是,如果我將'Tom Riddle'複製並粘貼到任一輸入字段中,'Tom'和'Riddle之間的空間'也被粘貼到輸入字段中。
編輯:作爲一個人的姓名或姓氏不會包含任何空格,我需要禁用。

這是jQuery,我使用被禁用的空間類型: -

$(document).ready(function() { 
    $('.no_space').keypress(function(e) { 
     if(e.which === 32) { 
      return false; 
     } 
    }); 
}); 
+4

我可以建議*不*試圖做到這一點?有些名字中有空格。 (有些名字也有其他各種非字母字符,我們這些名字的名字在真正干擾我們名字的網站上會阻止我們正確拼寫我們的名字)。 – 2013-04-28 12:45:51

+1

有時你只需要信任用戶。不要試圖幫助用戶如何拼出自己的名字。也許給出一個關於錯誤的小提示,但不要試圖超過驗證。 – automaticoo 2013-04-28 12:52:20

+0

這個問題很好,除OP的原始用例外還有其他應用程序。例如,我想阻止將空格粘貼到電子郵件地址字段中,該字段不應有任何原因的空格。 – 2016-10-04 13:32:07

回答

7

綁定input event和替換的空間存在。對於現代瀏覽器,這包括在輸入字段上鍵入和粘貼。

$('.no_space').on("input", function() { 
    $(this).val($(this).val().replace(/ /g, "")); 
}); 

請參閱DEMO

+1

你可以省略第二個jquery調用[像這樣](http://jsfiddle.net/JKKfH/) – Yoshi 2013-04-28 12:52:37

相關問題