ClientSideValidations gem with Rails 6 - Uncaught TypeError: $(...).enableClientSideValidations is not a function

时间:2021-02-19 09:41:59

标签: jquery webpack ruby-on-rails-6 webpacker client-side-validation

Rails 6 和 webpacker 最近一直让我着迷(因此我实际上开始讨厌 Rails)。如果可能的话,希望能就此提出一些建议。真正的 jQuery/JS 人可能知道这里发生了什么。尝试了解 jQuery 的实际调试会很棒,我很高兴被指出正确的方向来解决这个问题,但我对 Webpacker 不知所措(查看我之前的问题主题)。

我正在尝试以某种形式或形式(请原谅双关语)让客户端验证在我的一个表单上工作。任务 - 在表单发送到服务器之前尝试向用户显示表单字段中的最大长度输入会很棒。我想足够简单的任务。 Rails 6 说不!

所以我根据一百万个帮助解释 webpacker Rails 6 设置的其他教程设置了我的 environment.js 文件和 application.js 文件。我的表单中没有出现任何错误,我看到(参见屏幕截图)数据客户端验证标签已加载到表单中,但服务器端验证未在提交时显示在表单中(仅验证表单加载后显示在我的表单上方)

我已经通过输入以下内容测试了 jQuery 是否加载到我的控制台中:

$ === jQuery

它返回真。所以我尝试通过添加到我的控制台来调试客户端验证

$(new_form).enableClientSideValidations();

就我而言

$(new_product).enableClientSideValidations();

然后我收到一个错误:

<块引用>

未捕获的类型错误:$(...).enableClientSideValidations 不是函数

enter image description here

如果没有从 webpacker 和 environment.js 文件中添加所有代码,jQuery 人是否知道这里发生了什么?我可以看到数据客户端验证被添加到 html 和 jQuery 可以在控制台中调用,但“不是函数”错误我看到很多,这些天webpacker 正在杀死我。

这些天,每当我添加一个 webpacker 问题来解决堆栈溢出问题时,我所得到的回应都是来自 Stack 专家的一些拼写更改。现在还有人在使用 Rails 6 和 webpacker 吗?哈哈

0 个答案:

没有答案