Rails ボタンがcreateではなくsubmitと表示されてしまい、更新されない。

Question

Railsアプリを作成しています。

プロフィール変更画面を作成しているのですが、ボタン(Create)を押すとプロフィールが更新されるようにしたいのですが、そのボタンの表示がsubmitというものになってしまいます。

これの変更方法がわかりません。どなたか助けてください。

Rails.application.routes.draw do
  devise_for :users
  resources :posts
  resources :profiles, only: [:show, :new, :edit, :create, :update]
  root 'welcome#index'
end

#profiles/new.html.erb

<div>
	<h1>プロフィールを作成しましょう！</h1>
	<%= render 'form' %>
</div>		

#profiles/_form.html.erb

<%= form_with model: @post, local: true do |f| %>
	<div class="form-group">
		<%= f.label :name, "ニックネーム" %>
		<%= f.text_field :name %>
	</div>
	
	<div class="form-group">
		<%= f.label :learning_history, "学習歴(年)" %>
		<%= f.number_field :learning_history %>
	</div>
	
	<div class="form-group">
		<%= f.label :purpose, "Ruby on Rails学習の目的" %>
		<%= f.text_field :purpose %>
	</div>

	<div class="form-group">
		<%= f.label :image, "プロフィール画像" %>
		<%= f.file_field :image %>
	</div>

	<div class="submit-block">
		<%= f.submit class: "button" %>
	</div>
<% end %>

class ProfilesController < ApplicationController
	before_action :authenticate_user!
	before_action :find_profile, only: [:show, :edit, :update]

	def show
	end

	def new
		return redirect_to edit_profile_path(current_user.profile) if current_user.profile.present?
		@profile = Profile.new
	end

	def edit
	end

	def create
		@profile.user = current_user
		@profile = Profile.new(profile_params)
		if @profile.save!
			redirect_to root_path, notice: "プロフィール情報の登録が完了しました" 
		else
			render :new
		end
	end

	def update
		if @profile.update(profile_params)
			redirect_to root_path, notice: "プロフィール情報の更新が完了しました" 
		else
			render :edit
		end
	end

	def destroy
	end

	private

	def find_profile
		@profile = Profile.find(params[:id])
	end

	def profile_params
		params.require(:profile).permit(
			:name, :learning_history, :purpose, :image
		)	
	end
end

// Place all the styles related to the profiles controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: http://sass-lang.com/

#profiles-new, #profiles-edit, #profiles-create, #profiles-update {
	form {
		.form-group {
			margin: 10px 0;

			label {
				margin-bottom: 5px;
				display: block;
			}

			input[type="text"], input[type="number"] {
				width: 100%;
				padding: 5px;
				border-radius: 5px;
				border: 1px solid #ccc;
				appearance: none;
				-webkit-appearance: none;
				-moz-appearance: none;
			}
		}
		.submit-block {
			display: flex;
			align-items: center;
			justify-content: center; 
			margin:15px 0; 
		}
		.button {
			display       : inline-block;
			border-radius : 5%;          /* 角丸       */
			font-size     : 18pt;        /* 文字サイズ */
			text-align    : center;      /* 文字位置   */
			cursor        : pointer;     /* カーソル   */
			padding       : 12px 12px;   /* 余白       */
			background    : #333;     /* 背景色     */
			color         : #ffffff;     /* 文字色     */
			line-height   : 1em;         /* 1行の高さ  */
			transition    : .3s;         /* なめらか変化 */
			box-shadow    : 6px 6px 3px #666666;  /* 影の設定 */
			border        : 2px solid #333;    /* 枠の指定 */
		}
		.button:hover {
			box-shadow    : none;        /* カーソル時の影消去 */
			color         : #333;     /* 背景色     */
			background    : #ffffff;     /* 文字色     */
		}
	}
}

宜しくお願いします。

Answer 1

profiles/_form.html.erbの送信ボタン部分を以下のように書き換えてみてください

<%= f.submit 'Create', class: "button" %>

Comments

[masaosan18]

ありがとうございます。
Createの表示にすることはできましたが、No route matches [POST] "/profiles/new"とルーティングのエラーが出てしまいます。

[no1knows]

<%= form_with model: @post, local: true do |f| %>をprofileにしてください。

[masaosan18]

ありがとうございます！解決しました！