Server-side Validation on select fields

Grzegorz Bujański staff commented 3 years ago

Here is an example of how to set the validation status to not valid: https://mdbootstrap.com/snippets/standard/grzegorz-bujanski/3957970#js-tab-view

dhermann pro premium commented 3 years ago

Thanks Grzegorz, but this snippet uses the client-side validation. What classes can I apply to my select elements when it fails server-side validation? Is there no way?

Grzegorz Bujański staff commented 3 years ago

For this to work properly and return invalid feedback, you need to do exactly the same as in the snippet I sent - add the class was-validated to the form and mark select input as invalid document.querySelector('.select-input').setCustomValidity('invalid');

dhermann pro premium commented 3 years ago

The was-validated class puts a green outline around my other form elements, even ones marked as is-invalid.

Running inline JavaScript on document load is not a good solution. The MDB select element should take a class or other attribute as a parameter and render it in the invalid state. I am surprised the MDB team would accept this as viable.

Are there plans to fix this in a future release?

Grzegorz Bujański staff commented 3 years ago

Yes. We strive to improve our components. We will also improve the selecta validation on the server side in a feature release. For now, I can suggest a workaround for this: https://mdbootstrap.com/snippets/standard/grzegorz-bujanski/3973897#css-tab-view