Nsryjdtyk

I have used Ajax call for creating Post. It displays form correctly when click button create post.it not shows fields when i only upload image without field values. i don't know how it happens. when all fields are empty it shows validation error perfectly.like this,

when i upload image without filling the field it ignores the field like this,

and this is my posts_controller

    class PostsController < ApplicationController

  before_action :set_topic

  before_action :set_post, except: [:create, :new, :index]



  def index

    if params[:topic_id].to_i > 0

      @posts = @topic.posts.all

    else

      @posts = Post.includes(:topic).references(:topic).all

      @posts = @posts.order('topic desc')

    end

    @posts = @posts.eager_load(:ratings, :comments, :user, :users).paginate(page: params[:page], per_page: 10)

    @tags = Tag.all

  end



  def show

    @comment = @post.comments.new

  end



  def mark_as_read

    @post.users << current_user unless @post.users.include?(current_user)

  end



  def new

    @post = @topic.posts.new

    @tags = Tag.all

  end



  def create

    @post = @topic.posts.new(post_params)

    @post.user_id = current_user.id

    @posts = @topic.posts.paginate(page: params[:page], per_page: 10).eager_load(:user, :users, :comments, :ratings)

    respond_to do |format|

      if @post.save

        format.js {render 'posts/create'}

      elsif @post.image.save

        format.js {render 'posts/new'}

      else

        format.js {render 'posts/new'}

      end

    end

  end



  def edit

    authorize! :edit, @post

    @tags = Tag.all

  end



  def update

    params[:post][:tag_ids] ||= 

    if @post.update(post_params)

      redirect_to topic_post_path(@topic, @post), notice: 'Post was successfully updated.'

    else

      render :edit

    end

  end



  def destroy

    authorize! :destroy, @post

    if @post.destroy

      redirect_to topic_posts_path(@topic), notice: 'Post was successfully destroyed.'

    else

      render 'posts/show'

    end

  end



  private



  def set_topic

    if params[:topic_id].present?

      @topic = Topic.find(params[:topic_id])

    end

  end



  def set_post

    @post = @topic.posts.find(params[:id])

  end



  def post_params

    params.require(:post).permit(:name, :description, :image, :topic_id, {tag_ids: }, :tags_attributes => [:name])

  end

end

And this is my _form.html.erb

    <%= form_for [@topic, @post], multipart: true, remote: true, authenticity_token: true do |form| %>

  <% if @post.errors.any? %>

    <div id="error_explanation">

      <h2><%= pluralize(@post.errors.count, "error") %> prohibited this topic from being saved:</h2>

      <ul>

        <% @post.errors.full_messages.each do |message| %>

          <li><%= message %></li>

        <% end %>

      </ul>

    </div>

  <% end %>

  <%= form.text_field :name, placeholder: "Enter Post name", class: "form-control" %><br/>

  <%= form.text_area :description, placeholder: "Enter Description", class: "form-control" %><br/>

  <%= form.file_field :image, class: "form-control-file" %><br/>

  <h3><strong>Select Tag</strong></h3>

  <% @tags = Tag.all %>

  <% if @tags %>

    <% @tags.each do |tag| %>

      <div>

        <%= check_box_tag "post[tag_ids]", tag.id, @post.tags.include?(tag) %>

        <%= tag.name %>

      </div>

    <% end %>

  <% end %>

  <%= form.fields_for :tags, @post.tags.build do |f| %>

    <%= f.text_field :name, placeholder: "Add Custom Tag" %>

  <% end %>

  <%= form.submit class: "btn btn-primary", data: {"disable-with": "Saving..."} %>

<% end %>

and this is my new.js.erb

$('#new-link').html("<%= j (render 'form') %>");

<% if @post.errors.any? %>

alert("ERROR(S): <%= @post.errors.full_messages.join(',').html_safe %>")

<% end %>

and this is my create.js.erb

$('#new-link').hide();

alert("Post Created Successfully");

and this is the button i have used for render form

<div class="card-body">

    <h5 class="card-title"><%= @topic.topic %></h5>

    <div id="new-link">

      <div id='ajax_loader' style="display: none;">

        <%= image_tag '/assets/loader.gif' %>

      </div>

      <script>

          $(document).ajaxStop(function () {

              $("#ajax_loader").hide();

          });

          $(document).ajaxStart(function () {

              $("#ajax_loader").show();

          });

      </script>

      <%= link_to 'create Post', new_topic_post_path(@topic), class: "btn btn-primary", remote: true, data: {"disable-with": "Please wait..."} %>

    </div>

  </div>