Validator not setting focus on first invalid input - Angular, Vue, React, Web Components, Javascript, HTML5 Widgets

Tagged: Angular validator, Input validation, javascript validator, jquery validator, number input validation

This topic contains 4 replies, has 2 voices, and was last updated by Odie 8 years, 10 months ago.

Viewing 5 posts - 1 through 5 (of 5 total)

Author

Validator not setting focus on first invalid input Posts
May 4, 2016 at 3:11 pm Validator not setting focus on first invalid input #84111

Odie
Participant

It appears focus is not being set to a jqxNumberInput widget when it is the first invalid input. If we replace jqxNumberInput with jqxInput it works flawlessly.

Thanks in advance.

Doug

May 5, 2016 at 6:03 am Validator not setting focus on first invalid input #84127

ivailo
Participant

Hi Doug,

Please, send a working jsfiddle example for better analyze of this behavior.

Best Regards,
Ivailo Ivanov

jQWidgets Team
http://www.jqwidgets.com

May 5, 2016 at 5:11 pm Validator not setting focus on first invalid input #84141

Odie
Participant

http://jsfiddle.net/roden/2xzrjbe3/

This is the first time I have created a jsFiddle so I didn’t do it correctly please let me know.

I have turned on ‘focus’ in jqxValidator so if you run the script and click the submit button focus does not get set to the qtyInput input.

Thanks
Doug

May 9, 2016 at 6:19 am Validator not setting focus on first invalid input #84187

ivailo
Participant

Hi Doug,

You can use the focus method is your validation returns false.
Here is a demo.

Best Regards,
Ivailo Ivanov

jQWidgets Team
http://www.jqwidgets.com

May 9, 2016 at 10:47 pm Validator not setting focus on first invalid input #84200

Odie
Participant

Thank you for the solution! It works great.
Author

Posts

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.