1

所以我在页面底部有评论表格（典型的文章和评论示例）。如果验证失败，我会显示验证错误。

那是我的评论控制器代码：

class CommentsController < ApplicationController
  before_action :authenticate_admin!, only: [:destroy]
  expose(:article)
  expose(:comment, attributes: :comment_params)
  expose(:reply) { Reply.new }

  def create
    comment.article = article
    if verify_recaptcha(model: comment, message: t('captcha_verification_error')) && comment.save
      flash[:comment_notice] = t('comment_created_successfully')
      redirect_to article_path(article) + '#comments'
    else
      flash[:comment_errors] = comment.errors.full_messages
      render 'articles/show'
    end
  end

  def destroy
    comment.destroy
    redirect_to article_path(article)
  end

  private

  def comment_params
    params.require(:comment).permit(:author, :content)
  end
end

这是表格：

= simple_form_for(comment, url: article_comments_path(article)) do |f|
  - if flash[:comment_errors]
    .alert.alert-danger
      strong= pluralize(flash[:comment_errors].count, 'error') + ' prohibited this article from being saved:'
      - flash[:comment_errors].each do |msg|
          ul
            li= msg
  fieldset class='form-group'
    = f.label t('author')
    = f.text_field :author, class: 'form-control', placeholder: t('who_are_you')
  fieldset class='form-group'
    = f.label t('content')
    = f.text_area :content, class: 'form-control', rows: 6, placeholder: t('what_do_you_want_to_say')
  fieldset class='form-group'
    = recaptcha_tags
  fieldset class='form-group'
    = f.submit t('create_comment'), class: 'btn btn-primary'

对于我使用的表单 simple-form。此外，我正在使用体面的曝光和苗条

我希望我的页面在验证失败后向下滚动到表单（因此用户不必手动滚动）。有没有简单的方法来实现这一目标？

AFAIK 我无法将锚传递给渲染（这将解决问题）。有任何想法吗？

4

1 回答 1

0

所以我用这个以注释形式放置的 javascript 解决了这个问题：

javascript:
  if (document.getElementById("comment_errors")) {
    location.hash = '#new_comment';
  }

当具有 id 'comment_errors'（我的验证错误 div）的元素存在时，它会跳转到它。

于 2016-03-26T17:35:47.883 回答