0

現在は独自のページである3つのフォームがありますが、ドロップダウンとしてより適切に機能すると思います。それぞれに2つのフィールドと送信ボタンしかありません。[送信]をクリックした後もページがリロードされないようにしたいと思います。サイトをそのまま使用し続けます。

1つのサンプルフォーム：

<%= form_for(@app) do |f| %>
  <% if @app.errors.any? %>
    <div id="error_explanation">
      <h2><%= pluralize(@app.errors.count, "error") %> prohibited this app from being saved:</h2>
      <ul>
      <% @app.errors.full_messages.each do |msg| %>
        <li><%= msg %></li>
      <% end %>
      </ul>
    </div>
  <% end %>
  <div>
    <%= f.text_field :url, :class => 'span4', :placeholder => "Paste the URL"  %>
  </div>
  <div>
    <%= f.text_field :description, :class => 'span4', :rows =>1, :placeholder 
      => "Give it a title" %>
  </div>
  <div style="text-align:left">
      <%= f.submit "Submit" %>
  </div>
<% end %>

そのコードをページに配置するためのJavaScriptコードを知りたいのですが。これにjqueryプラグインなどがあることを期待していますが、jquery.comを検索しているものは見つかりませんでした。

助けてくれてありがとう！

4

1 に答える 1

2

私はあなたのためにコードを書くつもりはありませんが、ここにステップがあります：

  1. フォームの送信イベントをインターセプトします。$('#someForm').submit(function(e){});

  2. デフォルトの動作をキャンセルします。e.preventDefault();

  3. AJAXを使用して、リロードではなくJavaScriptを介してデータをフォームに投稿します。

于 2012-10-03T13:49:42.507 に答える