Combobox validation onblur

[holyeddieParticipant]

Hi,

I want to have a validation of a combobox on the blur event. I had
some trouble in getting this done and figured our that the reason
is a the combobox not firing the blur event.

$(“#combo”).jqxComboBox({ width: 200, height: 25, source: [‘Peter’, ‘Nancy’, ‘Anthony’] });
// works
$(“#combo input”).on(‘blur’, function(event) { console.log(‘blur’); });

// does not work
$(“#combo”).on(‘blur’, function(event) { console.log(‘blur’); });

When using the “#combo input” selector the blur event fires even when
I open the pull down which will bring up a validator message.

Is it possible to set up a blur event on the combobox itsself?

Regards
Lars

[Peter StoevKeymaster]

Hi Lars,

The following: $(“#combo input”).on(‘blur’, function(event) { console.log(‘blur’); }); binds to the ComboBox’s Input field’s blur event. You can also check inside the event handler whether the ComboBox is opened by using its isOpened method. By doing that, you will ensure that there’s a blur for the widget.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com/

[Author]

Posts