jQuery验证+ Rails没有触发

Question

我正在使用

滑轨：5.1.4

红宝石：2.4.1

我当前正在尝试使jQuery验证与我的rails应用程序一起工作，但是我认为它不起作用的原因是，当我检查代码时遇到了Uncaught TypeError: Cannot read property 'addMethod' of undefined错误的Uncaught TypeError: Cannot read property 'addMethod' of undefined 。

现在，我安装了以下宝石：

gem'jquery-validation-rails'

宝石'jquery-rails'

这是我的application.js文件：

//= require jquery
//= require jquery_ujs
//= require jquery.validate.additional-methods
//= require jquery.validate
//= require popper
//= require bootstrap-sprockets
//= require trix
//= require rails-ujs
//= require local-time
//= require turbolinks
//= require_tree .

这是到目前为止的验证jQuery：

<script type="text/javascript">
 $(document).ready(function () {
 $("new-listing-form").validate(
 {
   rules: {
     listing_title: {
       required: true
     }
   }
 }
 );
 });
 </script>

我正在尝试在此表单字段上测试验证：

<%= form.text_field :title, id: :listing_title, class: 'form-
 control', placeholder: 'What is the job title?' %>

您如何看待所有这一切？

提前谢谢你！

Answer 1

1-如果使用的是Turbolink，则必须使用

$(document).on("turbolinks:load", function(){
  //the code
});

看到turbolinks事件https://github.com/turbolinks/turbolinks

2-像“新列表形式”不是标签

 $("new-listing-form")

永远不会找到任何东西