How can I reset certain fields when my form is submitted?

Question

I have my store form that's created by ajax and want to reset certain fields that it has. Here is my code, starting from where the form is rendered all the way to its own views:

Where its rendered:

pets/index.html.erb

<div class="tabbable">
   <ul class="nav nav-tabs">
      <li class="active">
         <a href="#tab1" data-toggle="tab">Store</a>
      </li>
   </ul>
   <div class="tab-content">
      <div class="tab-pane active add-store-form" id="tab1">
         <%= render "stores/form" %>
      </div>
   </div>
</div>

How it's created:

Note: Both my new and create view have the same exact code.

new.js.erb & create.js.erb (just this 1 line)

$('.add-store-form').html('<%= escape_javascript(render(:partial => 'stores/form', locals: { store: @store })) %>');

Now on my Store form I want to reset the fields with a # by them:

<%= form_for(@store, :remote => true, :html => { :class => "add-form", :id => "sform" }) do |f| %>

  # <%= f.text_field :name  %>

  # <%= f.check_box :personal %>

    <%= f.collection_select :category_id, Category.all, :id, :name, {}, {} %>

  # <%= f.text_field :address %>

    <%= f.text_field :website %>

  # <%= f.text_field :phone_number %>

  <%= f.submit "Create" %>

How do I reset these certain fields only?

What do you mean you "want to reset certain fields that it has"? — deefour, Aug 04 '12 at 15:05
@Deefour After I create the resource, I want those specific fields to become clear. — LearningRoR, Aug 04 '12 at 15:41
Your question really has nothing to do with rails. I adjusted the tags for you. — deefour, Aug 04 '12 at 17:08

score 1 · Accepted Answer · edited May 23 '17 at 12:21

This is kind of a duplicate question of Clear form fields with jQuery .

So, you should include a js file (not new.js.erb or create.js.erb) that has a function like this:

$('#sform').live('submit', function() { 
  $('#name').val("");  # this only resets the name field, provided it has the id 'name'
});

You have other examples in the answers to that question I linked to. Just notice that they use the click on a button to reset the fields while I suggested using your form submit event when you click your Create button.

How can I reset certain fields when my form is submitted?

1 Answers1