Introducing ReUI:Open-source UI components and apps built with React, Next.js and Tailwind CSS
Browse ReUI

Form Validation in Tailwin


Hello!

Do you have any suggestion/examples on how to connect FormValidation with the examples in Metronic9?

Metronic8 use FormValidation.io, but Metronic9 dont mention anything about it.

It doesn't need to be FormValidation plugin itself, but ant other that can be added to Metronic9 Forms.

Can you consider adding this (or any) library to do that?

Thanks


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (4)


As a blogger, I sometimes struggle with making my articles more engaging. I looked online for tools and found https://humaniser.ai/ with their humanizer ai service. It gave me new ideas for phrasing and improved the flow of my writing. Their humanizer ai free version is perfect for testing before committing to a subscription. I appreciate how much smoother my posts read now.



Metronic 9 shifted Basketball Stars 2 away from FormValidation.io and doesn't have a built-in validation library for forms, but there are still great options you can integrate easily with it! Here are a few alternatives with setup instructions and examples to help you add validation to Metronic 9 forms using popular libraries, especially with Tailwind styling.



Hi,

Thank you for your valuable feedback.

Metronic 9 comes FormValidation plugin bundle and you can include it in your page from "assets/vendors/@form-validation/form-validation.bundle.js" and use it by referring to Metronic 8 Guides

We will add Metronic 9 Guides very soon. If you need urgent help with this please reply to us and we will provide you with the working code.

PS: We are preparing so many amazing components and examples for Metronic 9 to make it enterprise-ready by the end of 2024. Stay tuned for it.

Regards,



Bonjours Mr je penses que je vais patienter pour la prochaine mise à jours metronic 9


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(