javascript - Client Side Validations and Rails4 - Stack Overflow

admin管理员组

文章数量:1405888

I integrated client side validations with rails4 using the new branches available using the following gems

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/saveritemedical/client_side_validations-simple_form.git'
gem "jquery-rails"

I also added the required JavaScript as the following

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

I created this test form in order to see if it works

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

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

  .form-actions
    = f.button :submit

of course in the model, it was

validates :title, presence: true

The problem is I can't figure our why it is not working, while JavaScript Console shows the following error:

Uncaught TypeError: Cannot read property 'add' of undefined

I integrated client side validations with rails4 using the new branches available using the following gems

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./saveritemedical/client_side_validations-simple_form.git'
gem "jquery-rails"

I also added the required JavaScript as the following

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

I created this test form in order to see if it works

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

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

  .form-actions
    = f.button :submit

of course in the model, it was

validates :title, presence: true

The problem is I can't figure our why it is not working, while JavaScript Console shows the following error:

Uncaught TypeError: Cannot read property 'add' of undefined

• javascript
• ruby-on-rails
• client-side-validation

Share Follow asked Jul 14, 2013 at 1:50 Mohammad Abu MusaMohammad Abu Musa 1,13322 gold badges1111 silver badges3333 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 3

These gems involve a lot of configurations and ordering to be proper. Instead of explaining the whole procedure i can give you a link in SO where a similar problem was solved. Please do check it out and follow the same.

ruby-on-rails client_side_validation simple_form javascript error

Hope it helped !

The problem appear to be in the order of the javascript, just change the order it will work fine

本文标签： javascriptClient Side Validations and Rails4Stack Overflow