Question

我有一个应该呈现错误消息的表单，但我不确定如何呈现错误消息，因为我的表单在单击按钮后使用Javascript显示。我正在使用Devise进行注册，它只是不显示错误消息。我正在使用Rails 4.

这是在点击后隐藏注册按钮并显示表单的代码：

<script type="text/javascript">
    $(function() {
        $('#prelaunchbutton').click(function() {
            $('#prelaunchregistrationbutton').fadeToggle('slow');
            $('.prelaunchhide').fadeToggle('slow'); 
            return false;
        });     
    });
</script>

以下是Devise注册表（简称为缩写）：

    <div class="prelaunch_preregisterbutton" id="prelaunchregistrationbutton">  
                <%= link_to image_tag("pre-register.png", :border=>0), '#', id:'prelaunchbutton' %> 
    </div>  
    <div class="span10 offset1 prelaunchhide">
            <%= form_for(resource, :as => resource_name, :url => registration_path(resource_name), :class => "form-inline")  do |f| %>
    ...
<% end %>   
    </div>

这是Devise注册控制器：

class RegistrationsController < Devise::RegistrationsController
  before_filter :authenticate_user!
  respond_to :html, :json

  def new
  end

  def create
    @user = User.new(user_params)
    @user.build_store(store_params)
    if @user.save
      UserMailer.preregister_confirmation(@user).deliver
      sign_in @user
      redirect_to prelaunch_gear_path, :flash => {:success => "Welcome"}
    else
      render root_path
    end
  end

  ...

  protected

  def after_update_path_for(resource)
    user_path(resource)
  end

  private 
  def user_params
     params.require(:user).permit(:firstname, :lastname, :email, :password)
  end

  def store_params
    params.require(:store).permit(:storename)
  end

end

Answer 1

您可以考虑使用toastr来显示javascript通知。

这是我之前回答的一个问题，可能有助于设置它：Rails 4 - Toaster notifications rather than flash notifications - 您只需要将您的Flash通知设为flash.now[:toastr]，然后务必调用初始化程序AJAX请求返回的JS。

使用Javascript在Rails表单中呈现错误消息

1 个答案: