How to add validation error message for radio button


Topic: How to add validation error message for radio button

Life.appadmin asked 3 years ago

Expected behavior Error msg should be display under the gender radio butotn, I added my code here
Actual behavior enter image description here enter image description here Resources (screenshots, code snippets etc.)


Arkadiusz Idzikowski staff answered 3 years ago

@Life.appadmin You need to add mdb-error component inside form-check wrapper or mdb-form-control component (if you use inputs) because its position is relative to these elements.

If you need to display only one error message at the bottom of the form like in the presented example, you would need to use a custom div element with custom styles.


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: MDB5 1.0.0
  • Device: laptop
  • Browser: chrome
  • OS: windows10
  • Provided sample code: No
  • Provided link: No