Remote Forms

_resource.html.slim

div id="resource_#{resource.id}"= resource.name

create.js.erb

<% if @resource.errors.any? %>
  console.log("Resource could not be created.");
<% else %>
  $('#new_resource')[0].reset();
  $('#resources').append('<%= j render(@resource) %>');
  $('#resource_<%= @resource.id %>').effect("highlight", {}, 3000).submitOnCheck();
<% end %>

index.rb

h4 New Resource
= form_for @resource, remote: true do |f|
  div
    = f.label :name
    = f.text_field :name
  = f.submit
  
h4 Resources
#resources

resources_controller.rb

class ResourcesController < ApplicationController
  def create
    @resource = Resource.new(permitted_params)

    respond_to do |format|
      if @resource.save
        format.html { redirect_to resources_url, notice: "Resource was successfully created." }
        format.js
      else
        format.html do
          flash.now[:error] = "Resource could not be created."
          render :new
        end
        format.js
      end
    end
  end
end