Using jQuery to test if the user has typed in an input?

Question

I have a variable called $places:

    var $places = $('#resultsListing li.place');

When there are more than 0 places the following code add the class .have-results. If there are 0 results the code adds the class .no-results to the body:

body.removeClass("have-results no-results searching");

body.addClass(places.length > 0 ? "have-results" : "no-results");
$("div#busyAnimation").hide();

I would like to add another class called .hasnt-typed-yet. I know it is a horrible name for a class, but that's what I want to accomplish; add that class to the body if the user hasn't typed yet in the input.

Any suggestions to accomplish this?

Milan Jaric · Accepted Answer · 2011-10-31 04:14:07Z

2

var textbox_text = $("#searchbox").val(); 
if(textbox_text !== '' ){
    body.addClass(places.length > 0 ? "have-results" : "no-results");
}else{
   body.addClass('hasnt-typed-yet');
}
$("div#busyAnimation").hide();

answered Oct 31, 2011 at 4:14

Milan Jaric

5,6662 gold badges29 silver badges36 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Yacov · Accepted Answer · 2011-10-31 04:36:20Z

0

if($('input').val() == '')
    $('body:first').addClass('hasnt-typed-yet')
else
    $('body:first').removeClass('hasnt-typed-yet')

answered Oct 31, 2011 at 4:36

Yacov

1,07014 silver badges27 bronze badges

Comments

Samuel Liew · Accepted Answer · 2011-10-31 04:52:50Z

0

$textbox = $('#searchbox');
$body = $('body').filter(':first');
$places = $('#resultsListing li.place');

$textbox.keyup(function() {
    if($(this).val() == '') $body.addClass('hasnt-typed-yet');
    else $body.removeClass('hasnt-typed-yet');
});

$body.addClass($places.length > 0 ? 'have-results' : 'no-results');
$('#busyAnimation').hide();

answered Oct 31, 2011 at 4:52

Samuel Liew

79.5k112 gold badges173 silver badges318 bronze badges

Collectives™ on Stack Overflow

Using jQuery to test if the user has typed in an input?

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related