1

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

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

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

请帮帮我...

4

3 回答 3

6

您可以使用基于jquery 验证插件的jquery 验证 rails gem 。使用它

  1. 将 gem 添加到您的 gemfilegem 'jquery-validation-rails'

  2. 在您app/assets/javascripts/application.js添加以下行

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

  3. 从 turbolinks 5 开始，它包含在 rails 5 中，而不是使用$(document).readyturbolinks自述$(document).on "turbolinks:load"文件中描述的使用
于 2016-04-29T09:28:58.647 回答
3

首先在布局中包含 jquery 验证文件。然后在 Rails 表单中将类添加到验证必填字段为 <%= f.text_field :firstname, :class => "required" %>。然后用 form_id 编写一个方法来触发验证。那就是你必须给喜欢

$(document).ready(function () { 
   $("your_form_id").validate();  
});
于 2012-08-16T06:14:16.720 回答
0

得到了添加范围，最小值，最大值等的解决方案

我们必须使用

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

以上为手机

于 2012-08-16T07:30:33.220 回答