Topic: Stepper validation - Select elements are not highlighted when invalid
softcon premium asked 1 year ago
When using a stepper, on validating a multi-paged form, before proceeding to the next page any "required" elements that have not been selected will correctly prevent the form from progressing, however it should mark ALL the invalid elements in red.
It marks most of the main elements in red (text,textfield,checkbox etc), but not the mdb Select element. Specifically when using a "hidden" option value as the default selected item.
The page https://mdbootstrap.com/docs/standard/forms/validation/ shows examples but doesn't show any working examples of the Select element. So perhaps this error is already known?
Resources (screenshots, code snippets etc.)
Try using a stepper form with validation with this Select element:
<select class="select" label="test" required> <option value="" hidden>Please select something</option> <option value="1">Option 1</option> <option value="2">Option 2</option> <option value="3">Option 3</option> </select>
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
- User: Premium
- Premium support: Yes
- Technology: MDB Standard
- MDB Version: MDB5 3.11.0
- Device: PC
- Browser: chrome, Edge, Firefox
- OS: windows 10
- Provided sample code: No
- Provided link: Yes