#263 Client Side Validations

Thanks for the RailsCast Ryan! I encourage people to check out the wiki as there are quite a bit of different ways to customize the behavior of the validations. (callbacks, filters, etc..)

Nice gem, nice presentation.
I would like to add a little suggestion. My watching experience would be even better if the lines in mate were wrapped, or broken up. As I often stop to read the code again - I am a fast learner if given plenty of time - I found it difficult to grasp the full context of the initializer file, line #9, stardate 2:10 to 2:20.
Thanks for the great work again.

In the screencast, you have *42* unread messages on github, Nice ! :)

Great ! I was playing with this gem since two weaks ago, trying to implement it in my project. However, my application raise`s an error that is making me mad: It`s raise an I18n::InvalidPluralizationData Exception. I`m using too delocalize gem, with helps me to translate my application to brazilian portuguese, and all my YML are working ok. Do you have any idea about this problem ? Thanks

Another option is to use jCheck: http://jcheck.net, it also has the jcheck-rails that does automatic validation generation.

I've been looking for an elegant way of doing this for a long while. Can't wait to checkout the code and take a look at how this is being implemented.

Nice screencast as always, looking forward to the redesign!

It would be even better if the textboxes do not lose the focus if a validation is invalid - but nice screencast as always, Thanks.

Great Cast and Plugin! One little thing: I don't think the confirm password message is so useful. It should appear on the confirm field, not on the password field. But that's not really an issue with the gem but with rails.

Great and thank you. I am trying to do some validation when exiting an input field. I changed one line in episode-136

In application.js line 9 change

  this.submit(function() {

to:

  this.blur(function() {

And get the following error:

  Parameters: {"review"=>{"content"=>"some review"}}

ActionController::MethodNotAllowed (Only get, put, and delete requests are allowed.):

How can I get this to work with onBlur?

Oh, I would have posted to 136 but the signin using github did not work for me on that episode.

Thanks in advance!

Has anyone gotten this to work using form_tag instead of form_for? If so, would you please post an example? Thanks.

Confused - when adding the client_side_validation plugin and updating the 'sign-up' form, Devise already has a 'form_for' method installed on this page. How do you get them both to work together as it keeps throwing up errors? Is daisy-chaining an option?

Sign Up

<%= form_for @users, :validate => true do |f| %>

Devise Plugin
<%= form_for(resource, :as => resource_name, :url => registration_path(resource_name)) do |f| %>

<%= devise_error_messages! %>

<%= f.label :email %>
<%= f.text_field :email %>

This is what happened when I try to install it in Rails 3.0.7 and Ruby 1.9.1

$ rails g client_side_validations:install
/usr/local/lib/ruby/gems/1.9.1/gems/execjs-0.3.3/lib/execjs.rb:32:in runtime': Could not find a JavaScript runtime. See https://github.com/sstephenson/execjs for a list of available runtimes. (ExecJS::RuntimeError)
from /usr/local/lib/ruby/gems/1.9.1/gems/execjs-0.3.3/lib/execjs.rb:44:inmodule:ExecJS'
from /usr/local/lib/ruby/gems/1.9.1/gems/execjs-0.3.3/lib/execjs.rb:3:in <top (required)>'
from /usr/local/lib/ruby/gems/1.9.1/gems/coffee-script-2.2.0/lib/coffee_script.rb:1:inrequire'
from /usr/local/lib/ruby/gems/1.9.1/gems/coffee-script-2.2.0/lib/coffee_script.rb:1:in <top (required)>'
from /usr/local/lib/ruby/gems/1.9.1/gems/coffee-script-2.2.0/lib/coffee-script.rb:1:inrequire'
from /usr/local/lib/ruby/gems/1.9.1/gems/coffee-script-2.2.0/lib/coffee-script.rb:1:in <top (required)>'
from /usr/local/lib/ruby/gems/1.9.1/gems/bundler-1.0.13/lib/bundler/runtime.rb:68:inrequire'
from /usr/local/lib/ruby/gems/1.9.1/gems/bundler-1.0.13/lib/bundler/runtime.rb:68:in block (2 levels) in require'
from /usr/local/lib/ruby/gems/1.9.1/gems/bundler-1.0.13/lib/bundler/runtime.rb:66:ineach'
from /usr/local/lib/ruby/gems/1.9.1/gems/bundler-1.0.13/lib/bundler/runtime.rb:66:in block in require'
from /usr/local/lib/ruby/gems/1.9.1/gems/bundler-1.0.13/lib/bundler/runtime.rb:55:ineach'
from /usr/local/lib/ruby/gems/1.9.1/gems/bundler-1.0.13/lib/bundler/runtime.rb:55:in require'
from /usr/local/lib/ruby/gems/1.9.1/gems/bundler-1.0.13/lib/bundler.rb:120:inrequire'
from /home/liboc/code-depot/qa-reg/TRAP/trunk/config/application.rb:7:in <top (required)>'
from /usr/local/lib/ruby/gems/1.9.1/gems/railties-3.0.7/lib/rails/commands.rb:15:inrequire'
from /usr/local/lib/ruby/gems/1.9.1/gems/railties-3.0.7/lib/rails/commands.rb:15:in <top (required)>'
from script/rails:6:inrequire'
from script/rails:6:in `'

Thanks Ryan! Great cast. But exists a version for rails 2.x? I have an Rails 2.x app, I cannot upgrade to 3 because of some main plugins still not available for rails 3.

I found this: https://github.com/dnclabs/client_side_validations But it seems outdated. Does anyone can help?

Thanks!
Martin

Hello Ryan, really cool cast as always :)

I've got a field thats validated as validates_length_of :badge_id, :is => 12, :message => "ID must be 12 digits", :unless => Proc.new{|r| r.badge_id == '0'} which is causing the following error - this only goes away if I remove the :message => "..." from the above validation:

I18n::InvalidPluralizationData in Registrants#new

translation data {:record_invalid=>"Validation failed: %{errors}", :taken=>"has already been taken"} can not be used with :count => ID must be 12 digits

This column is a string and is also validated as validates_numericality_of :badge_id, :only_integer => true

Thanks!,
Mike

I liked the article so much, thanks you.

I found a problem when I try to use uniqueness validation. It requests an ajax request http://localhost:3000/validators/uniqueness?case_sensitive=true&book%5Bname%5D=test but i receive 404 Not Found.

Should I implement this request myself from rails side?

Hi Ryan,

Thanks for the useful cast.
But i struck with it in my project. I used one of your cast to insert multiple tasks for a project through javascript, in that insert tasks by javascript you used date time to replace the child_index for form_for tag.

Here i got the validator objects but as the name of the fields changes it can't validate those.

Can you please help me in solving this problem.

Hi Ryan,

Not sure how to make the client side validation work in a form that uses mixed model fields i.e. user & account model

\- form_for @user, :url => signup_path, :validate => true do |f|
   = f.label :email
   = f.text_field :email, :size => 30, :maxlength => 320, :class => 'textInput'
   = f.label "Account Name"
   = text_field_tag 'account[domain]', nil, :size => 20, :maxlength => 40, :class => 'textInput', "data-validate"=>true

Any ideas ?

I'm using nested forms to which I add fields dynamically with ryans gem nested_form. How could these fields be validated?

One of many thanks for your work. I however forgot to restart my server after making some of these changes... so took a while to figure my mistake. But, it works!

Did someone get this work under rails 3.1?

It worked fine on development but on production is does not work.

On using the above procedure, I get the following error message:

undefined method `error_message' for #ActionView::Helpers::FormBuilder:0x9fa7f54

Can anyone help me?? Thanks in advance..!!

Anyone using this with the jQuery datepicker? I haven't been able to get it to work - the form just never submits, even though there is a date selected.

Thanks for any help :)

So, the more I get into it, the more questions I have...

Also not having any luck getting it work with multiple checkboxes. Anyone have that setup working?

Thanks.

I ran this:

$ rails g client_side_validations:install

and got:
create config/initializers/client_side_validations.rb

however this file (create public/javascripts/rails.validations.js) didn't get created. is it because I'm in the new version of rails which has js in assets, and is this necessary for the inline validations, because mine aren't working. It works when I submit the form but not after I tab out of the text field. is there a way i can get this file to put in my assests.

thanks.

well i didn't initially see to add this //= require rails.validations in the application.js but i did and that didn't fix it either

Can anyone tell me how to do the client side validation in dynamic text fields. How to validate for presence_of for the dynamic text field so that at least one dynamic text field must be present in the form.

Hi everyone...

How can I change the required/not required property or a given field ... based on the value of another completely different field?

Client_Side_Validations didn't work "out of the box" with simple_form for me.

Read this helpful post: http://www.ddarrensmith.com/blog/2012/05/17/ruby-on-rails-client-side-validation-with-validation-helpers-and-twitter-bootstrap/

And get this gist to make it work: https://gist.github.com/2705324#file_client_side_validations_twitter_boostrap_simple_form.js

They now work out of the box with bootstrap and simple-form if you use the simple-form plugin which supports bootstrap wrappers

gem 'simple_form', '2.0.4'
gem 'client_side_validations', '3.2.1'
gem 'client_side_validations-simple_form', '2.0.1'

The gems must go in this order

Kind of cheating!

The gem is outdated for rails 4. Better try for an alternative

bump :)
did someone found alternative for rails 4 and client side validation ?

client_side_validations isn't maintained anymore. Does anyone knows a alternative?

I have found this alternative:
https://github.com/kalkov/rails4_client_side_validations

how can I use the client side validation with nested_
form_for
i am using client side side validation gem

Is this compatible with Rails4 ?