Railsユーザー入力でバリデーションに引っかかったらアラートを出す方法。質問箱みたいに。

Question

前提・実現したいこと

Railsアプリ作成中。
ユーザーがユーザー情報のupdateを入力し、バリデーションに引っかかったら、上からアラートを出したいです。

あまり同じような記事がなく方向性が見えていません。

modelでバリデーションチェック。満たしていなければ、jsファイルをレンダリング？
jqueryで入力チェック→アラート表示？

以下は、質問箱の例ですが、このようなアラートを出したいです。

以下user_controller

def update
    @user = User.friendly.find(params[:id])
    @user.update(update_params)
    if @user.valid?
      flash[:notice] = "更新しました"
      if @user.friendly_url
        redirect_to "/#{@user.friendly_url}"
      else
        redirect_to :user and return
      end
    else
#ここになにか処理？
    end
end

試したこと

render :errorでerror.html.erbを返し、その中でjsファイルを参照するというやり方も試しましたが、うまくいきませんでした。

補足情報（FW/ツールのバージョンなど）

質問箱の場合、指定する条件でなくでもsubmitが押せます。
modelで条件分岐しているのでしょうか。

Answer 1

jqueryは不要です
バリデートエラー情報を含んだ @user でもう一度編集画面を描画するのがRailsの基本
これなら情報も多いはずです

    if @user.valid?
    else
      #ここになにか処理？
      render :edit
    end

edit画面では「@user にバリデートエラーがあれば、エラーメッセージを表示する」分岐処理を入れておけばよいです

Comments

[Romay]

コメントありがとうございます。
書き忘れており大変申し訳ないのですが、このユーザー入力画面をモーダルにしています。この場合どうすればモーダルから遷移せずアラートを出せますでしょうか。

[Ighrs]

モーダルなら

render json: { messages: @user.errors.full_messages }

のように、エラー情報をjsonで受け取る方法が考えられますね
ただ成功時に redirect_to しているのが変ではないでしょうか？
成功時も成功jsonをjqueryでモーダルを閉じる等、挙動を統一すべきだと思います

[Romay]

render jsonとする方法があるのですね！ありがとうございます。
確かにおっしゃる通りなので、検討させていただきます。