Two input fields with keyup function

Question

I have two input fields and i need a function that do something when the value of #name or #email was changed. My start doesn't really work.

$('#name').keyup( function() {
// OR
$('#email').keyup( function() {

    // DO SOMETHING

});
});

Felix · Accepted Answer · 2014-04-22 07:46:34Z

6

You can use comma , to separate multiple selectors:

$('#name,#email').keyup( function() {
    // DO SOMETHING
});

answered Apr 22, 2014 at 7:46

Felix

38.2k8 gold badges45 silver badges56 bronze badges

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

Comments

Bud Damyanov · Accepted Answer · 2014-04-22 07:50:00Z

1

Your code is nested, the second call to the $('#email') keyup event will be executed only if a keyup event on #name was triggered.

The code should be something like this:

$('#name,#email').keyup( function() {
    // DO SOMETHING
});

$('#name,#email').on('keyup', function() {
    // DO SOMETHING
});

answered Apr 22, 2014 at 7:50

Bud Damyanov

32.1k7 gold badges47 silver badges53 bronze badges

Bhojendra Rauniyar · Accepted Answer · 2014-04-22 07:50:51Z

0

You are closing the keyup function wrongly which is why not working:

$('#name').keyup( function() {
// OR
}); //closing here
$('#email').keyup( function() {

    // DO SOMETHING

});
//}); not here

A better solution for multiple selectors use like @Felix:

$('#name,#email').keyup( function() {
    // DO SOMETHING
});

answered Apr 22, 2014 at 7:50

86k36 gold badges179 silver badges241 bronze badges