【Ruby on Rails】method delete実行前にonClickなどの処理を挟みたい場合

Question

こんばんは。
いつもお世話になっています。

Railsで、delete時に入力ダイアログにパスワードなどを入力させて
trueなら削除、falseなら中断するという挙動を実現させたいのですが、
調べても解決策が見つからず困っております。

<%= link_to "削除する", profile, method: :delete, data: { confirm: "削除しますか？" } %>

という通常のconfirmではなく、

<%= link_to "削除する", profile, method: :delete, onClick: "return password();" %>

といったようにイベントを設定し、

function password(){
 password = window.prompt("パスワードを入力してください");
 if(password !== "000") {
  return false;
 } else if(password == "000") {
  return true
 }
}

jsで判定してからdeleteを実行したいのですが、上記のやり方では当然ダメでした。
（何をしてもmethodが呼び出され、削除されます。）

何か解決策、ご助言をいただけますと幸いです！m(_ _)m
また、Railsに対する理解がまだまだ浅いため、
根本的に何か間違えていたらその点についても教えていただけると嬉しいです。

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

Answer 1

一応解説すると

<%= link_to "削除する", profile, method: :delete, data: { confirm: "削除しますか？" } %>

は内部的には
link_to に :method => :delete を指定した時の動作
に書いてあるとおり、jsでformを生成してsubmitするという挙動になっています。

なので、

<form method="delete" action="delete methodのurl" id="form">
  ここに削除に必要な情報を書いていく
  <input type="submit" value="削除">
</form>

みたいに書いて、

var $form = $('#form');

function isPasswordTrue(){
  password = window.prompt("パスワードを入力してください");
  if(password == "000") {
    return true;
  } else{
    return false
  }
}

$form.on('submit', function(e){
  //デフォルトのsubmitの挙動をストップ
  e.preventDefault();

  //パスワードの入力が間違っていたら処理を止める
  if(!isPasswordTrue()) return false;
  
  //削除処理実行
  $form.submit();
});

みたいな感じで実装できると思います！
（ちょっとだけコード変えました！）

railsは中身がブラックボックス化するので怖いですよね！
頑張ってください！

Comments

[MaShiRo_H]

ご丁寧かつ親切なご回答、ありがとうございます！
トリッキーですが

>railsは中身がブラックボックス化するので怖いですよね！
貼っていただいたリンクに目を通して、改めてそう思いました...
独自仕様にカスタマイズしようとすると、なかなかに大変ですね><

[MasakazuFukami]

ですねーー！
でもブラックボックス化しているものの中身をしっかり読んでいくとすごく勉強になりますよ！

railsは楽すぎて微妙っていう方も沢山いますが、中身をしっかり読んで、railsに使われるのではなく、railsを使いこなすくらいになれれば他のどのフレームワークを触っても問題ないくらいになると思いますので頑張ってください！

Answer 2

こんばんは。
ぁたしにはよく分からないんですけど…。
ネットで調べたら出てきませんか？