Topic: Form Validation
                  
                  tnhnet
                  priority
                  asked 3 years ago
                
Expected behavior disable a submit button until all form fields are valid or how to know that form is valid and we are good to go or not.
Actual behavior the validation is visual only by adding was-validated class and there is no way to confirm validated fields. 2nd, the MDBSelect doesn't react to visual validation
Resources (screenshots, code snippets etc.)
                      
                      Mateusz Trochonowicz
                      staff
                        answered 3 years ago
                    
Hi! In this particular case there is simple validation which checks if all inputs are not empty. A little bit explanation about how our validation works is in section How it works. But if you want more complex solutions, you can check our Input mask plugin, which provide more sophisticated validation on client side. In any other case you got to write - for example - regular expression which will be checking inputs values in function added to submit function.
But if you want disable button before complete all inputs, you can simply add computed variable and pass it to disabled properties in MDBBtn - check out my snippet.
Our validation do not support MDBSelect component - as you can check in Supported elements page.
Keep coding!
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- ForumUser: Priority
 - Premium support: Yes
 - Technology: MDB Vue
 - MDB Version: MDB5 3.0.0
 - Device: Any
 - Browser: Any
 - OS: Any
 - Provided sample code: No
 - Provided link: No