AタグでPOST送信する前にダイアログでOKさせてみる

背景

とある更新フォームの中で、更新ボタンの横に削除リンクを配置したい。

結論

<!-- 更新フォーム -->
<form action="update.php" method="post">
    ...( 更新フォーム中略 )...
    <button type="submit">更新</button>
    <a onclick="return confirm('削除します。よろしいですか？') ? document.delete_form.submit() : false;">削除</a>
</form>
<!-- 削除フォーム -->
<form action="delete.php" method="post" name="delete_form">
    <input type="hidden" name="id" value="1">
</form>