我可以将 formvalidation.io 与 React 和 Materialize-css 一起使用吗

Posted

技术标签:

【中文标题】我可以将 formvalidation.io 与 React 和 Materialize-css 一起使用吗【英文标题】:Can I use formvalidation.io with React and Materialize-css 【发布时间】:2018-12-10 10:29:51 【问题描述】:

是否可以将 formvalidation.io 插件与 React 和 Materialize-css 一起使用。

我的项目有多个input components,它们可能会或可能不会在form 中使用。我想使用formvalidation 插件来验证输入组件。

找不到与此相关的任何文档。 这可能吗?如果可能,请有人分享与此相关的参考资料。

更新:

    我在表单验证插件网站中找到了这个documentation, 其中明确提到如何使用表单验证 做出反应。但无法找到任何相关的详细文档 这。 这就是我现在尝试导入 jQuery 和 formvalidation 插件到我的项目中,但是当我加载时 formvalidation 出现错误提示,formvalidation 需要 jquery。
import $ from "jquery/dist/jquery.min.js";
window.jQuery = $;
window.$ = $;
import M from "materialize-css/dist/js/materialize.min.js";
window.M = M;
import "formvalidation/dist/js/formValidation.min.js"

感谢所有反馈。

【问题讨论】:

【参考方案1】:

在 Formvalidation.io 团队的帮助下,终于找到了一些与此相关的文档。

本文档解释了如何在实现 css 中使用表单验证:Reference - Using formvalidation with materialize css

本文档提供了有关如何在 React 中使用表单验证的信息: Reference - Using formvalidation with react

【讨论】:

以上是关于我可以将 formvalidation.io 与 React 和 Materialize-css 一起使用吗的主要内容,如果未能解决你的问题,请参考以下文章

Formvalidation.io:某个字段有效时的事件

即使表单有效,formvalidation.io 也会阻止表单提交

FormValidation / formvalidation.io Bootstrap 插件在样式更改时放错了验证图标

Formvalidation.io - 无法读取 null 的属性“classList”

formvalidation.io 自动对焦到隐藏目标

使用 jquery serialize 和 formvalidation.io 时如何防止表单重复发布?