Question

I’m trying to use jQuery to make an input field have different CSS when it contains text. But I can’t get it to change the CSS back when the text has been deleted.

Is there any jQuery or Javascript event that will do something when the text in an input field has been deleted?

Answer 1

Maybe you just need to add a bit more javascript code

var track = function() {

    if($(this).val().length){
        $(this).removeClass('empty').addClass('full');
    } else {
        $(this).removeClass('full').addClass('empty');            
    }
}

$('input').keyup(track);​

Example on:

http://jsfiddle.net/demee/63nz6/