3

次のgemを使用して利用可能な新しいブランチを使用して、クライアント側の検証をrails4に統合しました

gem 'simple_form', '~> 3.0.0.rc'
gem 'client_side_validations', github: "bcardarella/client_side_validations", :branch => "4-0-beta"
gem 'client_side_validations-simple_form', git: 'git://github.com/saveritemedical/client_side_validations-simple_form.git'
gem "jquery-rails"

また、必要な JavaScript を次のように追加しました

//= require jquery
//= require jquery_ujs
//= require foundation
//= require rails.validations
//= require rails.validations.simple_form
//= require_tree .
//= require_self

機能するかどうかを確認するために、このテストフォームを作成しました

= simple_form_for(@post, :validate => true) do |f|
  = f.error_notification

  .form-inputs
    = f.input :title, :required => true

  .form-actions
    = f.button :submit

もちろん、モデルでは、 

validates :title, presence: true

問題は、JavaScript コンソールに次のエラーが表示されているのに、なぜ機能しないのか理解できないことです。

Uncaught TypeError: Cannot read property 'add' of undefined
4

2 に答える 2

3

これらの gem には、多くの構成と適切な順序付けが必要です。手順全体を説明する代わりに、同様の問題が解決されたSOのリンクを提供できます。ぜひチェックして、フォローしてみてください。

ruby-on-rails client_side_validation simple_form JavaScript エラー

それが役に立てば幸いです！

于 2014-01-27T07:16:13.293 に答える