Custom form validation

  1. MDB Home Page
  2. Support Main Page
  3. MDB Standard
Topic: Custom form validation

Gucciardi pro premium priority asked 8 months ago

Expected behavior I would like to explicitly call the form.checkValidity() method and perform other tasks before and after the validation event.

Actual behavior Despite addind the "novalidate" attribute to the form, the default validation tooltips are displayed along side the MDB validation messages.

Resources (screenshots, code snippets etc.) enter image description here

https://mdbootstrap.com/snippets/standard/gucciardi/6078362

Kamila Pieńkowska staff answered 8 months ago

You've added form.reportValidity(); that counteracts novalidate.

Gucciardi pro premium priority answered 8 months ago

You are right, my bad. Removing form.reportValidity(); works fine.

Write
Create snippet
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: Pro
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: MDB5 7.2.0
  • Device: PC
  • Browser: Chrome
  • OS: Windows 11
  • Provided sample code: No
  • Provided link: Yes
Tags
form validation javascript
Related topics
1
Datepicker not picking up validation styles (Timepicker has no problem)
0
Hidden fields break in collapsed containers
0
Bug on Validation
0
Select with validation doesn't display the message
0
Tags add onblur
About author
Jacopo Gucciardi
Pro User Premium support
24Support score
4Questions 5Answers
0Snippets likes 3Snippets