如何在rails中使用jquery验证插件

时间:2012-08-16 05:43:39

标签: jquery ruby-on-rails validation

如何使用 jquery验证插件作为下面给出的 rails表单

我想要完成有关如何为不同领域制作它的步骤。

<%= 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 %>

请帮助我...

3 个答案:

答案 0 :(得分:6)

您可以使用基于jquery validation railsjquery validation plugin gem。使用它

  1. 将gem添加到您的gemfile gem 'jquery-validation-rails'
  2. app/assets/javascripts/application.js上添加以下内容

    //= require jquery.validate.additional-methods //= require jquery.validate

  3. 如turbolinks readme
  4. 中所述,包含在导轨5中而不是使用$(document).ready使用$(document).on "turbolinks:load"的turbolinks 5

答案 1 :(得分:3)

首先在布局中包含jquery验证文件。然后在rails表单中将类添加到验证必填字段为&lt;%= f.text_field:firstname,:class =&gt; “必需”%&gt;。然后用form_id编写一个方法来触发验证。那就是你要像

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

答案 2 :(得分:0)

获得添加范围,最小值,最大值等的解决方案

我们必须使用

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

上面的移动