How to bind an event for all inputs of form?

Question

I have a form with inputs (with id's). And i need to bind one event to click on any input in this form.

Now, I use this construction:

    $("#siteAdress").click(function(){
        $("#reg-login").click();
    });
    $("#phoneNumber").click(function(){
        $("#reg-login").click();
    });
    $("#reg-email").click(function(){
        $("#reg-login").click();
    });
    $("#reg-login").click(function(){
        // DO SOMETHING
    });

How to optimize it?

Answer 1

The easiest way is probably to add a class to all the elements you need to bind on, and use it:

$(".event-user").click(function() { /* do something */ })

If this is not an option, you can use an id for your form, and query all its input children:

$("#my-form input[type=text]").click(function() { /* do something */ })

And if neither is possible, you can always use a comma-separated list of selectors:

$("#siteAddress, #phoneNumber, #reg-email, #reg-login")
    .click(function() { /* do something */})

Answer 2

Depending on the types of inputs you have, you could do it broadly or fine grain it. For example, if they're all input type elements, just do it broadly:

$('input').click(function(){ ... });

Otherwise, if you want to do it specifically for text input types, for example, you can do this:

$('input[type="text"]').click(function(){ ... });

It's all in the selectors! Hope this helps...