jquery to check when a someone starts typing in to a field

Question

$('a#next').click(function() {
    var tags = $('input[name=tags]');

    if(tags.val()==''){

    tags.addClass('hightlight');  
    return false; 
    }else{
    tags.removeClass('hightlight');
    $('#formcont').fadeIn('slow');
    $('#next').hide('slow');
        return false;
    }
});

I would like the above code to fire the fadeIn as soon as somebody starts typing into the tags input. Can somebody tell me the correct way to do this or point me in the right direction? Thanks in advance

EDIT

here is the code to do it:

$('input#tags').keypress(function() {

    $('#formcont').fadeIn('slow');
    $('#next').hide('slow');
});

The only problem I've found is that my cursor no longer shows up in the text box. What am I doing wrong?

score 9 · Accepted Answer · answered Mar 25 '10 at 17:04

9

Sounds like the fade is moving your focus, hence the cursor no longer being there. Try this

$('input#tags').keypress(function() {

    $('#formcont').fadeIn('slow');
    $('#next').hide('slow');
    $(this).focus();
});

answered Mar 25 '10 at 17:04

Russell Steen

6,494
6
38
56

score 1 · Answer 2 · answered Mar 25 '10 at 16:53

1

You want the focus event.

  $('a#next').focus(function() {
      $('#formcont').fadeIn('slow');
  });

answered Mar 25 '10 at 16:53

Dead account

19,587
13
52
82

If he wants something to happen when they start typing, then this won't do what he needs. – Russell Steen Mar 25 '10 at 17:05
but keypress will fire with every keypress not just the first – Dead account Mar 25 '10 at 17:08

score 0 · Answer 3 · edited Nov 28 '11 at 06:39

0

input#tags is redundant and wasteful.

$('#tags').keypress(function() {

    $('#formcont').fadeIn('slow');
    $('#next').hide('slow');
    $(this).focus();
});

edited Nov 28 '11 at 06:39

tekknolagi

10,663
24
75
119

answered Mar 25 '10 at 17:03

A Rad

27
1

unless you're using jquery specific selectors (eg. :not()) then saying "input" is wasteful is overkill. The programming cost of the css selector is negligible and is just looking for something to change to put a seperate answer. – Adam Botley Jan 24 '14 at 11:46

jquery to check when a someone starts typing in to a field

3 Answers3

Linked