我在RoR应用程序中使用SimpleForm,ClientSideValidations和ClientSideValidations-SimpleForm gems.我可以将表单精美地渲染到模态中,但是当输入失去焦点时,不会进行验证并提交表单.另请注意,我已尝试使用此处找到的修复程序:
http://www.ddarrensmith.com/blog/2012/05/17/ruby-on-rails-client-side-validation-with-validation-helpers-and-twitter-bootstrap/
http://www.ddarrensmith.com/blog/2012/05/17/ruby-on-rails-client-side-validation-with-validation-helpers-and-twitter-bootstrap/
包含表单的视图的片段:
<div class='modal hide' id='New_discrep' tabindex="-1" role='dialog' aria-labelledby="#New_discrep_Label" aria-hidden='true'> <div class="modal-header"> <button type='button' class='close' data-dismiss='modal' aria- hidden='true'>x</button> <h3 id="New_discrep_Label">Create discrepancy</h3> </div> <%= simple_form_for @new_discrepancy,:validate => true,:url => {:controller=> 'discrepancy',:action => 'create',:device_id => @device.id} do |f| %> <div class='modal-body'> <%= f.input :system,:wrapper => :prepend,:label => false do %> <%= content_tag :span,'System',:class => 'add-on input-label' %> <%= f.input_field :system %> <% end %> <%= f.input :description,'Description',:class => 'add-on input-label' %> <%= f.input_field :description,:class => 'textarea' %> <% end %> <%= f.input :conditions,'Condiditions',:class => 'add-on input-label' %> <%= f.input_field :conditions,:class => 'textarea' %> <% end %> <%= f.input :dirf,'Reference',:class => 'add-on input-label' %> <%= f.input_field :dirf %> <% end %> </div> <div class='modal-footer'> <button type="button" class='btn',data-dismiss='modal',aria-hidden='true'>Cancel</button> <%= f.button :submit,:class => 'btn-primary' %> </div> <% end %> </div>
我的Gemfile
gem 'rails','3.2.1' gem 'jquery-rails' gem 'carrierwave' gem 'simple_form' gem 'client_side_validations' gem 'client_side_validations-simple_form'
模型
class discrepancy < ActiveRecord::Base STATUSES = ['Open','Closed','Rejected'] belongs_to :device belongs_to :user has_many :parts has_many :updates validates :date_entered,:presence => true validates :status,:presence => true validates :description,:presence => true validates :system,:presence => true validate :close_date validates_inclusion_of :status,:in => STATUSES,:message => "must be one of: #{STATUSES.join(',')}" end
application.js文件
//= require jquery //= require jquery_ujs //= require rails.validations //= require rails.validations.simple_form //= require_tree .