JavaScript
Article
By Sam Deering

jQuery live count of input characters

By Sam Deering

Some jQuery snippets to capture the input of characters into an input field.

//live input filter
$('#live-search-filter').live('input', function(e)
{
    console.log($(this).val().length);
});

Taking it a step further we can trigger on a count specific number of characters entered.

--ADVERTISEMENT--

//live input filter
$('#live-search-filter').live('input', function(e)
{
    var _thisVal = $(this).val();
    //trigger event on 3 or more characters
    if(_thisVal.length >= 3)
    {
        console.log('searching for '+_thisVal);
    }
});
Recommended
Sponsors
The most important and interesting stories in tech. Straight to your inbox, daily. Get Versioning.
Login or Create Account to Comment
Login Create Account