使用歐芹和滑軌

Question

我想添加parsley.js到一個rails項目做客戶端的表單驗證，似乎無法得到它的工作。

我現在用的是創業板香菜的軌道資產pipline - https://github.com/mekishizufu/parsley-rails

gem "parsley-rails" 

我繼續要求它在我的application.js文件

//= require jquery 
//= require parsley 
//= require jquery_ujs 
//= require twitter/bootstrap 
//= require_tree . 

然後添加以下到我想驗證的表格

<%= form_for :user, :html => {:"data-validate" => 'parsley'} do |user| %> 

它生成一個數據在HTML屬性的形式

data-validate="parsley" 

然後檢查地址的存在，我有：

<%= label_tag :current_address %> 

<%= text_field_tag :address, nil, :data => {:"required" => 'true'} %> 

這使得一個文本字段文本字段

data-required="true" 

一個屬性

然而，當我點擊提交沒有驗證發生，併發布了一個post請求。我還需要做些什麼才能讓歐芹在rails 3表單上工作？非常感激！

Answer 1

該寶石使用Parsley-JS 1.2.3版本，因爲2.0.0仍然是一個候選版本。下面是該版本的文檔：http://parsleyjs.github.io/Parsley-1.x/documentation.html

的屬性有一點不同 - 的form_for標記應該是這樣的：

<%= form_for :user, :html => {'parsley-validate' => ''} do |user| %> 

和文本字段：

<%= text_field_tag :address, 'parsley-required' => '' %> 

希望這有助於。

更新 的「香菜-Rails的寶石現在使用的2.0版。現在

Answer 2

當前版本是2.0.5和文檔都可以在這裏http://parsleyjs.org

發現使用軌道寶石，你需要現在添加data-parsley-validate的形式和類似required到輸入指令。

裏面一個軌道形成我的運氣：

<%= form_for @post, :html => {"data-parsley-validate" => true} do |f| %> <%= f.text_field :title, :placeholder => "Title", :required => true %>

希望這可以幫助別人直到香菜護欄獲取自述一些更好的鏈接或基本用法文檔。可能是一個很好的公關...

Answer 3

我香菜通過初始化香菜

$('#form-id').parsley({ 'data-parsley-focus': 'first' }); 

的「數據香菜聚焦」在我們的Rails應用程序的工作是其中香菜將發送光標選項如果驗證失敗。

我包括寶石，你在做的Gemfile，但UJS適配器後，我的application.js負載香菜

//= require jquery 
//= require jquery_ujs 
//= require parsley