Hello Finsweet team! I integrated the Custom Form Select attribute (Custom Form Select Field for Webflow) to customize the selectors.
They are required fields.
Everything is working perfectly, except that if the user doesn’t choose an option, the error message indicating that the field is required doesn’t appear.
You can see the form here: Contact | Light-it
Is there a way to fix this?
hey @andressentis! can you share a read-only?
You can find the form in the footer of almost all the pages.
Hey Luis! hope you’re doing well,
do you have any update on this? thanks a lot!
hey @andressentis! sorry for the late response, I have just tested one of your forms and it seems to be preventing submission if any required field is left empty.
Did you do something to solve this issue?
Hey Luis, no proble.
Yes, I solved with Javascript, will be awesome if in the future the attribute cover this issue
I have this same issue / question @Support-Luis ! Is there a Finsweet way to show the error if the select is empty?
@andressentis , are you able / willing to share the javascript that you were able to implement? Thank you!!
Hey @_theclevernod! There is no official Finsweet solution at the moment I’m afraid. Custom JS is the way to go
If anyone is still searching for solution:
Paste select inside of dropdown-toggle and make it visible, but opacity 0. This will help to make error tooltip visible if field does not have any value.
Also you can add pointer-event:none (so it is not clickable)