Question
aaseya it services pvt.ltd
SA
Last activity: 9 Apr 2019 1:24 EDT
How to focus on field having error message
I have 20 fields in my screen on click of submit button it will trigger error messages on fields which are not filled and needed the screen should point to that place dynamically.
Thanks,
Mounika
Pegasystems Inc.
US
Hi Mounika,
I don't see any way to achieve this functionality using OOTB rules, may be you need to write a Java script code to achieve it. I assume you want to point to the first text field which has the error message if you have multiple text fields with error messages. You can look into the below discussion which talks about the focusing the field on screen load which might help you to write your function.
https://collaborate.pega.com/question/how-set-focus-load-screen
Hope it might help you.
Regards,
Mahesh M
aaseya it services pvt.ltd
SA
Hi Mahesh,
My requirement is if the screen having some required fields or having fields which are configured with edit validations. if the user forgot filling some required fields and click on submit it will show error message on the particular fields then the user need to find the field by moving the scroll bar but my requirement is scroll bar should move automatically to the error message field.
Thanks,
Mounika
Pegasystems Inc.
AU
Hi Mounika,
For every error message there will be a error div generated just below the input elements, pfb screenshot for detailed understanding, based on that error div you can find out corresponding input box and focus it using below jquery code.
var errdiv = $('div.iconErrorDiv ')[0];
$(errdiv).siblings('input').focus();
