在 Rails 中使用 Parsley答案

【问题标题】：Using Parsley With Rails在 Rails 中使用 Parsley
【发布时间】：2014-03-25 20:00:34
【问题描述】：

我正在尝试将 parsley.js 添加到 rails 项目以进行客户端表单验证，但似乎无法使其正常工作。

我正在将 gem for parsley 用于 rails 资产管道 - 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"

但是，当我单击提交时，不会发生验证并发出发布请求。为了让欧芹在 Rails 3 表格上工作，我还需要做什么？非常感谢！

【问题讨论】：

【解决方案1】：

gem 使用 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' => '' %>

希望这会有所帮助。

更新 'parsley-rails' gem 现在使用 v2.0。

【讨论】：

【解决方案2】：

当前版本现在是 2.0.5，文档可以在这里找到 http://parsleyjs.org

使用 rails gem，您现在需要将 data-parsley-validate 添加到表单中，并将 required 等指令添加到输入中。

在我幸运的 Rails 表单中：

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

希望这对某人有所帮助，直到 parsley-rails 在自述文件中获得一些更好的链接或基本使用文档。可能是一个不错的公关......

【讨论】：

【解决方案3】：

我通过使用

初始化 parsley，让 parsley 在我们的 Rails 应用程序中工作

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

“data-parsley-focus”是一个选项，用于在验证失败时将光标发送到哪里。

我在 gemfile 中包含了 gem，但是我的 application.js 在 ujs 适配器之后加载了欧芹

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

【讨论】：