JavaScript
Article
By Sam Deering

jQuery live count of input characters

By Sam Deering
Help us help you! You'll get a... FREE 6-Month Subscription to SitePoint Premium Plus you'll go in the draw to WIN a new Macbook SitePoint 2017 Survey Yes, let's Do this It only takes 5 min

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);
    }
});
Login or Create Account to Comment
Login Create Account
Recommended
Sponsors
Get the most important and interesting stories in tech. Straight to your inbox, daily.Is it good?