web-dev-qa-db-ja.com

jQuery-ユーザーの入力または貼り付け中のテキストの変更

私はjQueryを初めて使い、何かを作ろうとしましたが、失敗しました。ユーザーが機能するときに問題が発生しますが、ユーザーが何かを貼り付けると機能しません。

$(document).ready(function(){

        $('#username').keyup(username_check);
});

username_check関数:

function username_check(){  
var username = $('#username').val();
if(username == "" || username.length < 4){
alert("error");
}

フィールド :

<input type="text" id="username" name="username" required>
15
Max Zag

複数のイベントをバインドするには、.on()または.bind()を使用します。

$(document).ready(function(){
   $('#username').on('keyup paste',username_check);
});


function username_check(){ 
    setTimeout( function() {
        var username = $('#username').val();
    },100);
    if(username == "" || username.length < 4){
      alert("error");
    }
}

Working Fiddle

22
Shaunak D

すべてのinputイベントをキャプチャする場合:

$('#username').on("input", username_check);
19
tymeJV