Railsでデータ更新時に特定の条件の場合のみブラウザのアラートウィンドウを表示したい

Question

ECサイトのようなものを作っています。

管理者側の機能として顧客の注文データ（金額、決済状況、発送予定日）を編集できるようにしているのですが、金額の変更がある場合のみアラートウィンドウで「本当に変更しますか」と表示させたいと考えているのですがこのような処理は可能でしょうか？

【ビュー】

<h1>注文情報情報編集</h1>
<%= form_with model: @order, local: true do |f| %>
	<div class="form-group form-inline">
		<%= f.label :amount, "金額：" %>
		<%= f.number_field :amount, class: "form-control" %>
	</div>
	<div class="form-group form-inline">
		<%= f.label :payment_status, "決済状況：" %>
		<%= f.select :payment_status, Order.payment_statuses.keys.map{|k| [I18n.t("enums.order.payment_status.#{k}"), k]}, class: "form-control" %>
	</div>
	<div class="form-group form-inline">
		<%= f.label :return_due_date, "発送予定日：" %>
		<%= f.date_field :return_due_date, class: "form-control" %>
	</div>
	<div>
	<% if @order.amount != 
		<%= f.submit "更新", data: { confirm: "本当に更新しますか？（金額を変更する際は要確認！）" } , class: "btn btn-primary mb-3" %>
	</div>
<% end %>

現在はdata属性を持たせて、更新ボタンが押されるたびにアラートウィンドウを表示するようにしています。

元の金額データと金額欄に入力された値を比較し、異なる金額で更新しようとする場合のみウィンドウを表示したいのですが可能なのでしょうか？

よろしくお願いいたします。

Comments

[no1knows]

> と表示させたいと考えているのですがこのような処理は可能でしょうか？
> ウィンドウを表示したいのですが可能なのでしょうか？

可能です・・・が答えですが、そんな回答を期待しているのでしょうか？

[GenkiSugiyama]

ありがとうございます！
自分の中で実装方法が浮かばなかったのでまずは可否を確認したかったです。
追加で可能であれば具体的な実装について伺いたいです。
JSを使うのでしょうか、、？

[no1knows]

質問そのままだったのですね・・・失礼しました。

Answer 1

自分の中で実装方法が浮かばなかったのでまずは可否を確認したかったです。
追加で可能であれば具体的な実装について伺いたいです。
JSを使うのでしょうか、、？

JavaScriptやjQueryでページ表示時に金額を取得。
f.submitタグを2つ準備。（data: { confirm:}ありとなし）
入力された金額を取得・比較しつつf.submitタグの表示を切り替える。

あとはJavaScript(jQuery)だけでも実装できると思います。
どちらも実装したことはありませんが・・・