jQuery - on text change while user typing or paste

Question

I'm new to jQuery and I've tried to make something but I failed so here is my problem when the user type it works but when the user paste something didn't work !!

$(document).ready(function(){

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

the username_check function :

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

the field :

<input type="text" id="username" name="username" required>

Westbound

possible duplicate of How do I capture the input value on a paste event? – Chronology

Answer 1

If you want to capture all input events:

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

Zippora

This worked perfectly for me. I want to turn a button on when someone types anything into a box. removed on change listener and added this. – Patricapatrice

IE9 though doesn't fully support that event (caniuse.com/#feat=input-event). – Monastic

Answer 2

Use .on() or .bind() to bind multiple events,

$(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

Jakie