用Jquery檢查輸入中的空格字符

Question

我有一個表單，用戶將設置一個新的用戶名。問題是用戶一直在創建用戶名和空間，我想避免這種情況。

我已經能夠檢測時，有使用以下的空間：

var hasSpace = $('#usernameValue').val().indexOf(' ')>=0; 

但是我想不出來有那個空間的形式檢查，當用戶在輸入框內鍵入。

我該如何更改我的代碼來執行此操作？

謝謝！

Answer 1

如上所述，您可以使用鍵控功能。這個例子檢查您輸入的空間並提醒用戶

$('#usernameValue').keyup(function(e) { 
    if (e.which === 32) { 
    alert('you entered space'); 
    // Do whatever logic is needed here 
    } 
}); 

Working JsFiddle

Answer 2

您使用的是輸入標籤嗎？

如果是這樣，您可以使用pattern屬性來定義不接受空格的正則表達式。例如：

<input type="text" name="username" pattern="/^\S*$/"> 

欲瞭解更多信息：https://www.w3schools.com/tags/att_input_pattern.asp。

Answer 3

使用onkeyup事件。

input.onkeyup = function(){ 
    var hasSpace = $('#usernameValue').val().indexOf(' ')>=0; 
}