Validation in smartselect

[mebeingken]

I am trying to use standard validation on a required smartselect element.

The error message is added to the dom, however it is not displayed the way an input is.

Is there a problem with my structure preventing it from working?

error message div is added, however display: none is not modified to be visible:

The smartselect elements are the last two:

[mebeingken]

Here is a sandbox: https://codesandbox.io/s/bold-galileo-u73bg

On submit you can see an input gets validation message, but the smartselect does not.

Anybody know what I’ve done wrong here?

Thanks!

[mebeingken]

Still stuck on this. Anybody have experience with validation of smart select in v4 of fw7?

[pvtallulah]

i think smartselect dosnt have a validation, you have to do it manually, maybe an alert if there is no item selected? or add a class “.smart-select-error” onSubmit and set your custom error color

[mebeingken]

Thanks @pvtallulah

Hearing no other suggestions, you are probably correct that I’ll have to build this manually. Seems like this would be an opportunity to improve fw7.

Thanks for the confirmation.