[UX/UI] use native Joomla form validation

Please remove the outdated jQuery validation engine with the native modern Joomla version. This ensures a consistent user experience, does not require jQuery scripts and looks much more appealing. The screenshot shows the jQuery validation engine on the left and Joomla's validation on the right. This would also be great for the kompoennet payment form.

 

Thanks for your suggestion. Yes, I will try to replace it with better validation library in the future

Regards,

Tuan

More than half a year has passed! Why is an external jQuery solution still being used instead of Joomla Core standards? The error tooltips are not visible on small screen sizes.

Unfortunately, replace it is not easy. The jQuery validation engine has more validation rules than the rule from Joomla core. If we remove it, it will cause unexpected behavior for existing sites which are using these validation rules

If the issue is just styling with tooltip, it should be fixable by adding some custom css. I know people already do that

I will still try to find a better library, but will take more time

Regards,

Tuan

Thank you for your reply and for working on a solution.

The validation engine being used is completely outdated, and the tooltips are either invisible or obscured on small screens. You mention that this can be changed using CSS. How is that possible? Here is an example of an inline style for a tooltip.

Element {
opacity: 0.87;
position: absolute;
top: 1914.13px;
left: 1325px;
right: initial;
margin-top: -56.5px;
display: block;
}

It is calculated dynamically. When I set the “absolute left” property to zero, it isn't aligned to the left of the input field but instead to the left of the browser window.

Hello

If you have problem with tooltip, please submit a support ticket sending us super user account of your site and tell us what we need to do to see the issue or how you want to change it

I will ask my template developer to look at it and find a solution

Regards,

Tuan

Attached is a screenshot of your demo page that clearly illustrates the problem (see screenshot Tooltips-Overflow.png). The tooltips are cut off on small screens. The design is very outdated and unappealing. The native Joomla validation is very clear and user-friendly (see screenshot Joomla-Validation.jpg).