Form validation

  1. MDB Home Page
  2. Support Main Page
  3. React
Topic: Form validation

Belovol pro asked 2 years ago

Good morning! How could I check validity of form's fields from within submitHandler() ? Code here only sets was-validated class to form element, so I can see incorrect input.  But I need to make desizion - post data or wait for subsequent correcting input? PS. By the way - something's been broken in this form. There is not confirming message. I've posted one question 6 times yesterday and my IP was banned (so now I use mobile phone). And I'm not alone.

Jakub Mandra staff premium answered 2 years ago

Form Validation uses html built in validation in association with Bootstraps classes. You can use state to display your custom messages.

Belovol pro answered 2 years ago

Thank you. I'd discovered that there is construction like e.target.validity.valid and it resolves all my troubles.

ppotter10 answered a year ago

Belovol's answer didn't work for me, but you can call a function reportValidity():

e.target.reportValidity()

This returns true if the form is valid and false otherwise. @staff: would be nice to document this.

Piotr Glejzer staff commented a year ago

Thanks for the report, we will add this to our docs. Have a nice day!
Write
Create snippet
Please insert min. 20 characters.
Status

Answered

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: React
  • MDB Version: 4.7.1
  • Device: 4xIntel Core i7-4510U CPU @2 GHz
  • Browser: Google Chrome V- 68.0.3440.8
  • OS: openSUSE Leap 42.3
  • Provided sample code: No
  • Provided link: Yes
About author
Belovol
Pro User
140Support score
8Questions 12Answers
0Snippets likes 0Snippets

We use cookies to offer you a better browsing experience, analyze site traffic, personalize content, and serve targeted advertisements. Read about how we use cookies and how you can control them by clicking "Cookie Settings." If you continue to use this site, you consent to our use of cookies.