フォームのボタンで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かと。
ステキです。