新規会員登録画面について(Devise)

Question

前提・実現したいこと

Ruby on Railsでフリマアプリを作っています。
ユーザー登録機能を実装中に以下の問題が発生しました。

発生している問題

・データがDBに登録されない
・次へボタンを押しても同じページに戻ってしまう
・次へボタンを押したら住所登録ページに遷移したい

エラー画面は出ないので、他に必要な作業があれば教えていただきたいです。

該当のソースコード

#app/view/registrations/new.html.haml

.userContainer
  %header.userContainer__userHeader
    .userHeader
      .userHeader__logo
        = link_to '#' do
          = image_tag 'material/logo.png'
      .userHeader__progressBar
        %ol
          %li.progressBar
            %p.progressBar__cap#p_active 会員情報
            .progressBar__status#status_active
            .progressBar__bar
          %li.progressBar
            %p.progressBar__cap お届け先住所
            .progressBar__status
            .progressBar__bar
          %li.progressBar
            %p.progressBar__cap 完了
            .progressBar__status
  .userContainer__userMain
    %h2.userContainer__userMain__title 会員情報入力
    .userMain
      = form_for(@user, url: user_registration_path) do |f|
        .userMain__formGroup
          = f.label :nickname, class: 'userMain__formGroup__label'
          %span.userMain__formGroup__require
            必須
          %br/
          = f.text_field :name, class: 'userMain__formGroup--input', autofocus: true, placeholder: "例)Y.T"
          %p.userMain__formGroup__errorMsg
            =@user.errors.messages[:nickname][0]
        .userMain__formGroup
          = f.label :email, class: 'userMain__formGroup__label'
          %span.userMain__formGroup__require
            必須
          %br/
          = f.email_field :email, class: 'userMain__formGroup--input', autofocus: true, autocomplete: "email", placeholder: "PC・携帯どちらでも可"
          %p.userMain__formGroup__errorMsg
            =@user.errors.messages[:email][0]
        .userMain__formGroup
          = f.label :password, class: 'userMain__formGroup__label'
          %span.userMain__formGroup__require
            必須
          %br/
          = f.password_field :password, class: 'userMain__formGroup--input', autocomplete: "new-password", placeholder: "7文字以上の半角英数字"
          %p.userMain__formGroup__errorMsg
            =@user.errors.messages[:password][0]
        .userMain__formGroup
          = f.label :password_confirmation, class: 'userMain__formGroup__label'
          %span.userMain__formGroup__require
            必須
          %br/
          = f.password_field :password_confirmation, class: 'userMain__formGroup--input', autocomplete: "new-password", placeholder: "7文字以上の半角英数字"
          %p.userMain__formGroup__errorMsg
            =@user.errors.messages[:password_confirmation][0]
        .userMain__formGroup
          = f.label :family_name, class: 'userMain__formGroup__label'
          %span.userMain__formGroup__require
            必須
          %br/
          .userMain__formGroup__double
            = f.text_field :family_name, class: 'userMain__formGroup--input double', autofocus: true, placeholder: "例)山田"
            = f.text_field :first_name, class: 'userMain__formGroup--input double', autofocus: true, placeholder: "例)太郎"
          %p.userMain__formGroup__errorMsg.double
            =@user.errors.messages[:family_name][0]
          %p.userMain__formGroup__errorMsg
            =@user.errors.messages[:first_name][0]
        .userMain__formGroup
          = f.label :family_name_kana, class: 'userMain__formGroup__label'
          %span.userMain__formGroup__require
            必須
          %br/
          .userMain__formGroup__double
            = f.text_field :family_name_kana, class: 'userMain__formGroup--input double', autofocus: true, placeholder: "例)ヤマダ"
            = f.text_field :first_name_kana, class: 'userMain__formGroup--input double', autofocus: true, placeholder: "例)タロウ"
          %p.userMain__formGroup__errorMsg.double
            =@user.errors.messages[:family_name_kana][0]
          %p.userMain__formGroup__errorMsg
            =@user.errors.messages[:first_name_kana][0]
        .userMain__formGroup
          = f.label :birthday, class: 'userMain__formGroup__label'
          %span.userMain__formGroup__require
            必須
          %br/
          .userMain__formGroup__triple
          = f.date_select :birthday, {use_month_numbers: true, start_year: 1930, end_year: (Time.now.year - 10), prompt:"--"}, {class: 'userMain__formGroup--input triple select'}
          %p.userMain__formGroup__errorMsg
            =@user.errors.messages[:birthday][0]
        .userMain__formGroup
          = f.label :ユーザータイプ, class: 'userMain__formGroup__label'
          %span.userMain__formGroup__require
            必須
          %br/
          .userMain__formGroup__triple
          = f.collection_select :user_type, UserType.all, :id, :value, { prompt: "選択してください" },{class: 'userMain__formGroup--input triple select'}
          %p.userMain__formGroup__errorMsg
            =@user.errors.messages[:user_type][0]
        .userMain__actions
          = f.submit "次へ進む", class: 'userMain__actions--Btn'

#registrations_controller.rb

# frozen_string_literal: true

class Users::RegistrationsController < Devise::RegistrationsController
  # before_action :configure_sign_up_params, only: [:create]
  # before_action :configure_account_update_params, only: [:update]

  def new
    @user = User.new
  end

  def create
    @user = User.new(sign_up_params)

    # 1ページ目で入力した情報のバリデーションチェック
    unless @user.valid?
      render :new and return
    end

    # 1ページで入力した情報をsessionに保持させる
    session["devise.regist_data"] = {user: @user.attributes}
    session["devise.regist_data"][:user]["password"] = params[:user][:password]

    @sendingDestination = @user.build_sending_destination
    render :newSendingDestination
  end

  def createSendingDestination
    @user = User.new(session["devise.regist_data"]["user"])

    # 2ページ目で入力した住所情報のバリデーションチェック
    @sendingDestination = SendingDestination.new(sendingDestinationParams)
    unless @sendingDestination.valid?
      render :newSendingDestination and return
    end

    # バリデーションチェックが完了した情報と、sessionで保持していた情報とあわせ、ユーザー情報として保存する
    @user.build_sending_destination(@sendingDestination.attributes)
    @user.save

    # sessionを削除する
    session["devise.regist_data"]["user"].clear
    # ログインする
    sign_in(:user, @user)
  end

  protected

  def sendingDestinationParams
    params.require(:sending_destination).permit(:destination_first_name, :destination_family_name, :destination_first_name_kana, :destination_family_name_kana, :post_code, :prefecture_code, :city, :house_number, :building_name, :phone_number)
  end
end

#user.rb

class User < ApplicationRecord
  # Include default devise modules. Others available are:
  # :confirmable, :lockable, :timeoutable, :trackable and :omniauthable
  devise :database_authenticatable, :registerable,
  :recoverable, :rememberable, :validatable
  has_one :sending_destination, dependent: :destroy
  has_one :credit_card, dependent: :destroy
  has_many :comments
  belongs_to :user_type
  
  # belongs_to :item

  validates :nickname,
      :email,
      :birthday, presence: true
  devise    :validatable, password_length: 7..128
  validates :family_name, presence: true, presence: {message: '姓を入力してください'}
  validates :first_name, presence: true, presence: {message: '名を入力してください'}
  validates :family_name_kana, presence: true, presence: {message: '姓カナを入力してください'}
  validates :first_name_kana, presence: true, presence: {message: '名カナを入力してください'}
  validates :user_type, presence: true
  validates :email, uniqueness: true
  validates :first_name,
      :family_name,
      :first_name_kana,
      :family_name_kana,
      format: {
        with: /[^ -~｡-ﾟ]+/,
        message: '全角で入力してください'
      }

end

試したこと

１、deviseとdevise-i18n、devise-i18n-viewsをインストール
２、user.rbとnew.html.hamlとregistrations_controller.rbに上記を記述
３、新規会員登録画面で全ての項目に入力して「次へ」ボタンを押しても次のページに遷移しない
https://i.gyazo.com/149da83bbd4bd58be95fe4a866579523.gif

補足情報（FW/ツールのバージョンなど）こにより詳細な情報を記載してください。

　gem 'rails', '~> 5.2.3'
gem 'haml-rails'
gem "font-awesome-sass"
gem 'devise'
gem 'active_hash'
gem 'devise-i18n'
gem 'devise-i18n-views'

Answer 1

...
def create
    @user = User.new(sign_up_params)

    # 1ページ目で入力した情報のバリデーションチェック
    unless @user.valid?
      render :new and return
    end
...

とありますのでvalidationの結果がinvalidであり
#newに対応するビューがrenderされているのではないでしょうか

Comments

[07_wq]

早速ご回答いただき誠にありがとうございます！つまり、バリデーションが効いていないため、newのビューがrenderされているということでしょうか、、？
コントローラーとバリデーションの記述をも一度見直してみます！ありがとうございます＾＾

[naokit-dev]

> バリデーションが効いていないため

正確にはバリデーションの結果、invalidであったためと言えるかと思います

ビューで入力したデータがvalidとなりうるものか
コンソールで再現してみたり、デバッグツールを用いて検証してみるのが良いかと思います

[07_wq]

先日はさらにご回答いただき誠にありがとうございました！ご指摘いただいた通り、バリデーションがinvalid出会ったためにnewのページに戻っておりました。。
ビューのデータがvalidとなりうる、deviseのdefaultではない追加したカラム（user_type
）を、アプリケーションコントローラーのconfigure_permitted_parametersに追加していないことが原因でした。ご教示いただき大変助かりました！ありがとうございました＾＾