Add-ons with required multiselect images does not throw a jQuery error but reloads the page

Issue #600 resolved
Valentina R created an issue

I was able to reproduce it on desktop Chrome and mobile.

Reported here. Original text:

I did some testing and realized that not all add-ons work well as required fields.
I made a new website with Twenty-Nineteen theme and installed only woocommerce and this plugin.
What I found is:

Multiple Choice dropdown, short text, long text, quantity and customer defined price work great both on desktop and phone.
If you forget Multiple Choice images or checkboxes, the page is going to refresh with an error message in red. All the other fields you have filled in will be blank and you will need to do the whole booking process again. Same for desktop and mobile.
If you forget Multiple Choice radio buttons or file upload you will see a message on desktop. However, nothing is going to happen on mobile.

The same behavior is on your demo page. I selected the Size but left the Color, then pressed the Book Now and nothing happened. If you manually scroll you will see that the field is actually highlighted but it would be great if the scroll happens automatically or if you get an error message to hint that you have missed a field. I tested this on Iphone X – Safari and Google Chrome. I haven’t checked on tablet.

Comments (1)

  1. Željan Topić

    Added HTML5 validation to image swatches with v4.8.6. HTML5 validation for checkboxes has already been added with v4.8.2,

  2. Log in to comment