Question

我正在尝试构建用于在rails中注册电子邮件地址的模式框。我已经完成了但是当注册失败时无法找到在模式对话框上显示flash消息的方法。提交时，框将关闭，消息仅显示在主页上。我对web或rails没有很好的了解，但如果我能得到一些指示，那就太好了。

功能正常，预计失败时，对话框应显示消息而不是主页上的消息。我知道我的代码中的问题在哪里，但不知道这样做的方法。这是我的对话框代码

   <div id="register" class="modal fade" role="dialog">
      <div class="modal-dialog">
        <!-- Modal content-->
        <%= form_for(@email, url: home_esave_path, :html => {class:"model-dialog"}) do |f| %>
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal">&times;</button>
            <h4 class="modal-title">Register</h4>
          </div>
          <div class="modal-body">
            <div class="form-group">
              <%= f.text_field :email, class:"form-control",  placeholder: "Enter a valid gmail address" %>
            </div>
            <%= f.show_simple_captcha(:email=>"email", :label => "Human Authentication", :refresh_button_text => "Refresh text", class:"form-control", :placeholder => "Enter the code") %>
            <%= f.submit "Register me!",  :class => "btn register_button" %>
          </div>
          <div class="modal-footer" style="text-align:left">
            <!-- show in case of success -->
            <% if @email.errors.any? %>
            <div id="error_explanation">
              <h2>
                <%= pluralize(@email.errors.count, "error") %> prohibited
                this email from being saved:
              </h2>
              <ul>
                <% @email.errors.full_messages.each do |msg| %>
                <li><%= msg %></li>
                <% end %>
              </ul>
            </div>
            <% end %>
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
          </div>
        </div>
        <% end %>
      </div>
      </div>

我的控制器代码来获取消息

def save
@email = Email.new(user_params)
if !user_params.nil?
  if @email.save_with_captcha
    flash[:success] = "Success! The email address #{@email.email} has been successfully registered. We will contact you as soon as we have available rooms for new beta testers."
    redirect_to :action => 'index'
  else
    if @email.valid?
      flash[:error] = "The captcha is not correct, enter again the captcha."
      redirect_to :action => 'index'
    else
      flash[:error] = "You have put invalid #{@email.email}"
      redirect_to :action => 'index'
    end
  end
end

端我在这个模型之外显示的Flash消息很明显会显示在主页上。但我没有找到在模型对话框中显示它的方法。

这是我如何显示消息

  <% flash.each do |type, message| %>
      <div class="alert <%= alert_for(type) %> fade in">
        <button class="close" data-dismiss="alert">×</button>
         <span class="sr-only">Close</span>
        <%= message %>
      </div>
      <% end %>

感谢您的建议

Answer 1

Flash被设计为在（控制器）操作之间传递数据的方法（有关详细信息，请参阅documentation）。在你的情况下，你具体地说，不想要一个动作，所以我认为没有办法做到这一点。

但是，您可以使用Ajax生成与其他Flash消息类似的消息。这是一种方法。

您需要以下组件：

从模态远程调用

在模式中向表单添加remote: true或:remote => true。这告诉Rails你需要在提交表单时向服务器发出Ajax调用，而不是整页发布。

控制器更改

您需要回复HTML以外的格式。像这样：

def save
  if !user_params.nil?
    @email = Email.new(user_params)
    @email.save_with_captcha
    respond_to do |format|
      format.html { redirect_to @email, notice: 'This should not happen.' }
      format.json { render action: 'show' }
      format.js   { render action: 'show' }
    end
  end
end

在您的模式中插入/清除“flash”错误消息的Javascript

查看文件 - show.js.erb（名称可以不同，但名称应与上面的操作匹配）。

$('#build_error').remove();
<% if @email.errors.any? %>
  var build_error = "<div class='alert alert-danger' id='build_error'>";
  build_error += "The form contains <%= pluralize(@email.errors.count, 'error') %>.";
  build_error +=   "<ul id='error_explanation'>";
  <% @email.errors.full_messages.each do |msg| %>
    build_error += "<li><%= j msg %></li>";
  <% end %>
  build_error +=   "</ul>";
  build_error += "</div>";
  $(build_error).insertBefore( "#xxxxxx" );
<% else %>
  $('#email-modal').modal_success();
<% end %>

基本上，您需要清除之前的“闪存”错误消息（第一行），然后显示新的错误消息（您需要在DOM中的某处找到它以附加它 - 请参阅xxxxxx）或关闭模态。相当蛮力，但它适合我。

希望你能得到这个想法 - 我怀疑这一点是否有效，所以你需要理解这个概念。

在提交轨道

1 个答案: