简单的窗体错误通知

Question

我想弄清楚如何使用简单的窗体与Rails，Devise，Omniauth和Bootstrap。我有几个问题，但其中之一是错误通知。

我有一个设计登录和注册形式内Bootstrap模态。登记表如下。请注意，我从表格中删除了required: true函数，因为我不喜欢将星号附加到标签上（但我确实尝试将其返回以查看错误通知是否可用）。

<% if user_signed_in? %> 
    <li> 
    <%= link_to('Edit registration', edit_user_registration_path) %> 
    </li> 
<% else %> 
    <li> 
    <%= link_to 'Register', new_user_registration_path, :remote => true, 'data-toggle' => "modal", 'data-target' => "#myRModal", :method => 'get' %> 
    </li> 

    <div class="modal fade" id="myRModal" tabindex="-1" role="dialog" aria-labelledby="myRModalLabel" aria-hidden="true"> 
    <div class="modal-dialog"> 
     <div class="modal-content"> 
     <div class="modal-header"> 
      <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> 
      <h4 class="modal-title" id="myModalLabel" style="color:black">Register</h4> 
     </div> 

     <div class="modal-body"> 
      <%- if devise_mapping.omniauthable? %> 
      <div class="facebookauth"> <%= link_to "Register with Facebook", user_omniauth_authorize_path(:facebook) %></div> 
      <br /> 
      <% end -%> 
      <%- if devise_mapping.omniauthable? %> 
      <div class="linkedinauth"> <%= link_to "Register with LinkedIn", user_omniauth_authorize_path(:linkedin) %></div> 
      <br /> 
      <% end -%> 
     </div> 

     <div class="modal-footer"> 



    <%= simple_form_for(resource, as: resource_name, url: registration_path(resource_name)) do |f| %> 
    <%= f.error_notification %> 

    <div class="form-inputs" style="padding-left:20%; text-align:left; color:black;"> 

     <%= f.input :first_name, placeholder: 'Enter your first name', autofocus: true, :input_html => {:maxlength => 15, :size => 40} %> 
     <%= f.input :last_name, placeholder: 'Enter your surname', autofocus: true, :input_html => {:maxlength => 15, :size => 40} %> 
     <%= f.input :email, placeholder: 'Enter email', autofocus: true, :input_html => {:maxlength => 25, :size => 40} %> 
     <%= f.input :password, placeholder: 'At least 8 characters', :input_html => {:maxlength => 15, :size => 40} %> 
     <%= f.input :password_confirmation, placeholder: 'Confirm your password', :input_html => {:maxlength => 15, :size => 40} %> 
    </div> 

    <div class="form-actions" style="padding-left:20%; padding-top:5%; text-align:left; color:black;"> 
     <%= f.button :submit, "Register" %><% end %> 

我有一个用户模式验证电子邮件地址和密码的存在。

我有以下命令来创建功能的用户/ registration_controller：

def create 
    @user = User.new(user_params)#(params[:user]) 

    respond_to do |format| 
    if @user.save 
     # Tell the UserMailer to send a welcome email after save 
     # AdminMailer.new_user_waiting_for_approval.deliver 

     format.html { redirect_to(root_path, notice: 'Registration received.') } 
     format.json { render json: root_path, status: :created, location: @user } 
    else 
     format.html { redirect_to(root_path, alert: 'Sorry! There was a problem with your registration. Please contact us to sort it out.') } 
     # format.html { render action: 'new' } 
     format.json { render json: @user.errors, status: :unprocessable_entity } 
    end 
    end 
end 

我有设计在我的两个应用助手的助手，并制定帮手如下：

def resource_name 
    :user 
end 

def resource 
    @resource ||= User.new 
end 

def devise_mapping 
    @devise_mapping ||= Devise.mappings[:user] 
end 

我的初始化文件有两个简单的表单文件。一个是simple_form.rb。另一种是simple_form_bootstrap.rb

没有错误在窗体中内联显示。当我填写没有电子邮件地址的表单时，出现我的registration_controller的create函数中出现的错误。

当用户点击提交时，我真的很希望在表单中以内联方式显示错误。

有谁知道如何解决这个问题？

谢谢。

Answer 1

请确保您有在乌拉圭回合初始的包装

b.use :error, wrap_with: { tag: 'span', class: 'help-block' }

如您在乌尔问题中提到类似的线，请删除required: false， 并要求删除“*”，改变它在配置/ locale/simple_form.en.yml

required: 
    text: 'required' 
    mark: '' 

Answer 2

有谁知道如何解决这个问题？

因为您可以使用registration表单中的对象，这意味着您对如何显示错误有一些自由。这将是一个不同的故事，如果你试图达到同样的用login（如登录不使用的一种形式）

-

表

我们以前（你这样做可以看到here - 点击“注册”，在顶部）：

#app/views/devise/registrations/new.html.erb 
<%= f.email_field :email, :placeholder => "email" %> 
<div class="error"><%= devise_resource.errors[:email].first if devise_resource.errors[:email].present? %></div> 

考虑形式在form_for对象使用devise_resource - 这应该让你牛逼o显示错误内联

Answer 3

你说你在使用模态？但是你不会发布阿贾克斯（你的表单上没有remote: true）。所以我会描述我现在想要发生的事情。您不发布Ajax，因此您发布html，因此它选择format.html路径，错误时您的控制器重定向到根路径，并显示错误消息。相反，它应该重新呈现表单。

因此，取消注释创建操作中的注释行应该工作:)（并且显然删除当前的format.html行）。

Ofcourse重新渲染不会是一个模式。在使用模态时，如果您希望表单保持打开状态，则必须使用ajax，并在发生错误时将表单替换为重新呈现的版本。

简单的形式，给出的验证，错误的对象时，会自动显示错误的内联。

Answer 4

，错误验证的问题得到解决，如果：

1. 删除：从simple_form通话f.error_nofication;和
2. 插入：<％= devise_error_messages！ ％>在表单输入字段中。

如果您对用户模型进行了验证并且还使用了devise validatable，则表单顶部的错误列表将复制错误。删除一个或另一个验证，你将会有错误的工作。

我想不通为什么简单的形式不渲染错误 - 但这是一个解决方案。

我决定从我的应用程序中删除简单的形式 - 我不能阅读张贴在堆栈溢出有关使用它与色器件没有得到回答的文档和这么多问题。我看不到它的好处。

至于模态 - 我会用这个来试试。 （手指交叉）。我希望这个答案有助于某人。我一直在设法设计3个月 - 用3周的时间努力了解文档。