【Rails】parsley-rails導入メモ

railsでparsley-railsを導入してバリデーション設定をしたときのメモ
parsley-rails：github / ドキュメント

Gemfile

Gemfileにparsley-railsを追加する。

gem 'parsley-rails'

bundle installしてparsley-railsをインストール

$ bundle install

app/assets/javascript/application.js

application.jsに以下を追記
エラー文を日本語表記にしたいのでparsley.i18n.ja.jsも読み込む

//= require parsley
//= require parsley.i18n.ja

app/assets/stylesheet/application.css

デフォルトのCSSを利用するため、application.cssに以下を追記

*= require parsley

app/views/test/new.html.slim

viewの入力フォームのところを修正

= form_for :user, url: {action: :create},
  html: {'data-parsley-validate' => '', 'parsley-use-html5-constraints' => false} do |f|
  .row
    .col
      label.must 名前
      label.must （必須）
    .col
      = f.text_field :name, placeholder: "花咲　太郎",
        'data-parsley-trigger' => "change", 'required' => '', autofocus: true
  .row
    .col.title
      label 性別
    .col
      p
        = f.radio_button :gender, "Male", {'required' => ''}
        | Male
        = f.radio_button :gender, "Female"
        | Female

  button 登録

HTML5を使っているとform_forのところで自動的にnovalidateが入ってしまうので、
'parsley-use-html5-constraints' => falseで無効化させています。