フォームのボタンでaction先を変更するときのベストプラクティス

この記事は移行しました！最新の内容はこちらをご覧ください😀

毎回どう実装しようか迷うので
これからは下記で統一しようと思います。
※jQueryを使用

jsは汎用的に。

javascript

$('.submit').click(function() {
  $(this).parents('form').attr('action', $(this).data('action'));
  $(this).parents('form').submit();
});

HTMLはこんな感じ。

html

<form action="regist.php" method="POST">
  <button class="submit" data-action="regist.php">登録する</button>
  <button class="submit" data-action="input.php">入力画面に戻る</button>
</form>

• data-actionに遷移先URLを設定
• class="submit"を付与することでjsが起動します

※formのactionはjsで書き換えられるので何でもOKかと。

ステキです。