3

私はclientsidevalidationsgemとtwitterbootstrap-modalをアプリに使用しています。しかし、vaidationsは機能していません。

application.jsで

//= require bootstrap-modal

これはモーダルダイアログに表示するための要素です

<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" >

  <%= form_for @content, :validate => true do |f| %>
  <script>$('#new_content').validate()</script>
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 id="myModalLabel">New Content</h3>
  </div>
  <div class="modal-body" style = "height:600px;overflow-y: scroll;">

  <div class="field">
    <%= f.label :name %><br />
    <%= f.text_field :name %>
  </div>
  <div class="field">
    <%= f.label :permalink, "Permalink" %><br />
    <%= f.text_field :permalink %>
  </div>
  <div class="field">
    <%= f.label :body %><br />
    <%= f.text_area :body, :class => "redactor", :rows => 10, :cols => 40 %>
  </div>
  </div>
  <div class="modal-footer">
    <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>&nbsp;&nbsp; atau &nbsp;&nbsp;
    <%= f.submit ( "Submit" ), :class => "btn btn-inverse btn-medium" %>
  </div>

  </div>
  <% end %>

</div>

クロムの要素をチェックするとき

<form accept-charset="UTF-8" action="/admin/contents" class="new_content" data-validate="true" id="new_content" method="post" novalidate="novalidate">

私はいくつかの解決策を見つけましたが、それは私を助けませんでした

解決策ですが、私と モーダルビューには機能しません

他に解決策はありますか？ありがとう

4

2 に答える 2

5

検証ハンドラーが接続されているときに入力フィールドが表示されないという問題。SimpleForm + ClientSideValidations+bootstrapを参照してください-フォームで検証が行われていません-詳細と修正のためにすべての入力が受け入れられます。

于 2013-01-18T06:05:24.460 に答える
0

SimpleFormとSimpleFormのBootstrap統合を使用する必要があります。そこから、TwitterBootstrapをサポートするclient_side_validations-simple_formを使用できます。

于 2012-12-18T18:18:24.863 に答える