How to stop display valid-feedback and invalid-feedback in v


Topic: How to stop display valid-feedback and invalid-feedback in validation?

slavaveto pro premium priority asked 2 months ago

Expected behavior

Actual behavior

Resources (screenshots, code snippets etc.)


Hello,

delete valid-feedback and invalid-feedback elements from the form.

Thank you for choosing MDB,

Keep Coding,

Michal


slavaveto pro premium priority commented 2 months ago

Hello Michal, thank you for your answer! But I guess i have to clarify my question: of course, if you delete valid-feedback and invalid-feedback elements from the form, they stop appearing. But unfortunately, all INPUT elements are SHIFTED! As if those elements are not displayed, but the shift between the input fields occurs!

How to make it so that not only to remove feedback elements but also to make sure that there is no shift.

Thanks in advance!


Michał Duszak commented 2 months ago

Hello. There is .was-validated class in form element after you submit the form. Upon deleting this class, all validation changes in styles are gone (shifts, borders, text feedback). To prevent shifting inputs (you mean margins, yes?) you can style it with CSS, adding margin-bottom: 0; to .form-control:valid and .form-control:invalid selectors. See this snippet: https://mdbootstrap.com/snippets/standard/m-duszak/3294611#css-tab-view


Please insert min. 20 characters.
Status

Answered

Specification of the issue
  • User: Pro
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: MDB5 3.9.0
  • Device: MacBook
  • Browser: Chrome
  • OS: MacOs
  • Provided sample code: No
  • Provided link: No
Tags