0

我们有三个表单,它们目前是他们自己的页面,但我认为作为下拉菜单会更好。它们每个只有两个字段和一个提交按钮。我希望它在他们单击提交后不会重新加载页面,他们只是继续使用该网站。

一份样本表格:

<%= 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 回答