Выделите флэш-сообщение после отправки длинной формы с помощью jquery в приложении rails

0

В моем приложении rails у меня длинная форма с ajax. У меня есть диапазон флеш-сообщений после отправки формы для успеха и ошибки отправки формы. Поскольку это большая форма, поэтому сообщение скрывается, мне нужно вручную прокрутить список до наверх, чтобы увидеть сообщение. Моя форма ниже:

   <div class="address-form dropdown-form">
          <%= form_for(@user, :url => edit_info_user_path, method: 'POST', remote:true, :html => {:id => "edit-address"}) do |f| %>
            <%= hidden_field_tag "section","address-form" %>
            <span class="message"></span>

            <div class="registerbox">
              <fieldset class="address-fieldset">
                <legend>Your address:</legend>
                <div class="control-group">
                  <%= f.label :address1, '<span class="red">*</span> Address 1:'.html_safe, :class => "control-label" %>
                  <div class="controls">
                    <%= f.text_field :address1, :required => true, :class => "input-xlarge" %>
                  </div>
                </div>
                <div class="control-group">
                  <%= f.label :address2, 'Address 2:'.html_safe, :class => "control-label" %>
                  <div class="controls">
                    <%= f.text_field :address2, :required => true, :class => "input-xlarge" %>
                  </div>
                </div>

                <div class="control-group">
                  <%= f.label :city, '<span class="red">*</span> City:'.html_safe, :class => "control-label" %>
                  <div class="controls">
                    <%= f.text_field :city, :required => true, :class => "input-xlarge" %>
                  </div>
                </div>
                <div class="control-group">
                  <%= f.label :postcode, '<span class="red">*</span> Post Code:'.html_safe, :class => "control-label" %>
                  <div class="controls">
                    <%= f.text_field :postcode, :required => true, :class => "input-xlarge" %>
                  </div>
                </div>
                <div class="control-group">
                  <%= f.label :country, '<span class="red">*</span> Country:'.html_safe, :class => "control-label" %>
                  <div class="controls">
                    <%= f.country_select :country, {:priority => %w(BD) }, {class: "span3 min-height-dropdown"} %>
                    </div>
                  </div>


                  <div class="control-group">
                    <%= f.label :region, '<span class="red">*</span> Region / State:'.html_safe, :class => "control-label" %>
                    <div class="controls">
                      <%= render partial: 'users/subregion_select', locals: {parent_region: @user.country || "BD"} %>
                    </div>
                  </div>
                <%= f.hidden_field :step, :value => 3 %>
                </fieldset>
                <div id="loading-address"><%= image_tag('/assets/ajax-loader.gif') %></div>

                <%= f.submit "Update", :class => "btn btn-success" %>
              </div>

            <% end %>
          </div>

Теперь, я хочу автоматически прокрутить до флэш-сообщения после отправки формы.

Но я не знаю, как выполнить эту функцию с помощью jquery.

Пожалуйста, помогите мне. Спасибо заранее.

Теги:
forms
flash

1 ответ

2
Лучший ответ

добавить в Ajax onSuccess:

$("html, body").animate({ scrollTop: 0 }, "slow");
  • 0
    Спасибо, мужчина @ HitmanS.AlQadheeb !!! Вы спасли меня большое спасибо.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню