Close wait popup on validation trigger
The problem was, when it hit the validation, it will show validation message as well the wait popup. Now, I want to hide wait popup when it triggers the validation.
1. First change item level validation to page level validation. If you have set item required value to yes, change it to no and create page level validation which will say item is not null.
2. Create following dynamic action to show wait popup:
Name: Show Loading Icon
Event: Before page submit
vPopup = apex.widget.waitPopup();
3. Create following dynamic action to hide wait popup:
Name: Hide Spinner
Custom Event: DOMSubtreeModified
Selection Type: jQuery
jQuery Selector: #APEX_ERROR_MESSAGE
Event Scope: Dynamic
Working Demo Link
Hope this helps!