How to bind an event to all input fields in jQuery

Question

I'm trying to bind all input fields on a 'form page' to the blur event in jquery. If I put a breakpoint in the each it gets paused so I think the code is being called on page load properly and the loop is working okay. I think the syntax is correct for binding the event as well ? I am not getting the alert when I do anything (leave!) any of the fields in my form though so I think something about this is wrong ? Can anyone point it out to me ?

//for each item in the form (:input "selects all input, textarea, select and button elements.") 
    $(' :input').each(function () {
        $('this').bind('blur', function(){
            alert ("nasty, shoudl be a log!");
            myfunction();
        })
    })

just another comment: using it the way i proposed, will eliminate the need for .each — Rafael Herscovici
– Rafael Herscovici, Commented Dec 5, 2019 at 13:37

user8246956 · Accepted Answer · 2019-12-05 13:21:44Z

1

You should use:

    $(this).bind('blur', function(){

without the quotes.

answered Dec 5, 2019 at 13:21

user8246956

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

2 Comments

user8246956 Over a year ago

Besides, now it is more common to use $(this).on('blur', function() { ... }.

gringogordo Over a year ago

Thanks I'd switched from on to bind when it didn't work. Missed the real point sadly!

ACostu · Accepted Answer · 2019-12-05 14:46:01Z

0

$(":input").bind('blur',() => yourfunction());

Just add the event call into your jQuery selector.

answered Dec 5, 2019 at 14:46

ACostu

1

Collectives™ on Stack Overflow

How to bind an event to all input fields in jQuery

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related