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; 
}