Topic: MDBSelect Validation
Hi All,
We are using the React's version of MDBoostrap. We need to add validation into the MDBSelect component. Like this if a user doesn't select an item, we need to show him an error message.
How can we achieve this ?
Best Regards
Hi,
In that topic described a possible way to achieve that:
https://mdbootstrap.com/support/react/correct-way-to-validate-mdbselect-in-react-form/.
You can add ahandleSubmit function to the form's button. In that function, you can check if any value is selected. By default value is Choose your option, so you can compare selected value to Choose your option. If the condition is true than use e.preventDefault() so your form will not be submitted and you can show to a user an error message.
handleSubmit = (e) => {
if (this.state.value === 'Choose your option') {
e.preventDefault();
....
}
};
Best regards.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Free
- Premium support: No
- Technology: MDB React
- MDB Version: 4.13.0
- Device: Computer
- Browser: Internet Explorer, Chrome
- OS: Windows 10
- Provided sample code: No
- Provided link: No