How to use jquery validation plugin in rails

Question

How to use jquery validation plugin for the rails form given below.

I want complete steps about how to make the it for different fields.

<%= form_for(@user) do |f| %>
 <div class="field">
  <%= f.label :firstname %><br />
  <%= f.text_field :firstname %>
</div>
<div class="field">
  <%= f.label :lastname %><br />
 <%= f.text_field :lastname %>
</div>
<div class="field">
  <%= f.label :mobile %><br />
  <%= f.text_field :mobile %>
</div>
<div class="field">
  <%= f.label :email %><br />
  <%= f.text_field :email %>
</div>
<div class="actions">
  <%= f.submit %>
</div>
<% end %>

plz help me...

Sigu Magwa · Accepted Answer · 2016-04-29 09:28:58Z

6

You can use the jquery validation rails gem based on jquery validation plugin. To use it

Add the gem to your gemfile gem 'jquery-validation-rails'
On your app/assets/javascripts/application.js add the following lines

//= require jquery.validate.additional-methods //= require jquery.validate
As of turbolinks 5 which is included in rails 5 instead of using $(document).ready use $(document).on "turbolinks:load" as described in turbolinks readme

answered Apr 29, 2016 at 9:28

Sigu Magwa

5685 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Vishal Over a year ago

not a good idea to use gem for js plugin.. we can simply add any plugin without any gem

Raji · Accepted Answer · 2012-08-16 06:14:16Z

3

First include the jquery validation file in your layout. Then in rails form add class to validation required fields as <%= f.text_field :firstname, :class => "required" %>. Then write a method with form_id to trigger the validation. That is you have to give like

$(document).ready(function () { 
   $("your_form_id").validate();  
});

answered Aug 16, 2012 at 6:14

Raji

8451 gold badge14 silver badges22 bronze badges

2 Comments

Mohammad Sadiq Shaikh Over a year ago

Thats great ..but how to do it for email,mobile,password,password confirmation.As they require the name field to be same as in javascript

Raji Over a year ago

You can give email validation as in class field itself. like <%= f.text_field :firstname, :class => "required email" %>

Mohammad Sadiq Shaikh · Accepted Answer · 2012-08-16 07:30:33Z

0

Got the solution to add range ,min ,max etc

we have to use

   <%= f.text_field :mobile,:class => "required number",:minlength=>"10",
   :maxlength=>"10"%>

the above for mobile

answered Aug 16, 2012 at 7:30

Mohammad Sadiq Shaikh

3,20010 gold badges38 silver badges54 bronze badges

Collectives™ on Stack Overflow

How to use jquery validation plugin in rails

3 Answers 3

1 Comment

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related