MVC5 プロジェクトで、新規登録や更新ボタンをクリックした後に確認のアラートを表示することとなりました。今回はその方法をノートいたします。
シンプルな方法ですが、それゆえに穴がありそうな気もしていますの。その点について、検証等はしておりませんこと、予め申し上げます。
ポイント
- input タグの onclick 属性に、
return confirm('登録してよろしいですか？');を指定すれば、submit が実行される前に確認アラートが表示される。 <input type="submit" value="登録" onclick="return confirm('登録してよろしいですか？');" />
実現するには jQuery？、Bootstrap？JavaScript？、と悩みましたけれども、JavaScript を少し記述するだけで実現できました♪
submit 前に確認アラートを入れるコード例
<div class="form-group">
<div class="col-sm-offset-2 col-sm=4">
<input type="submit" value="登録" onclick="return confirm('登録してよろしいですか？');" />
</div>
</div>
おわりに
確認アラートではなく、バリデーションチェックなどを行っている事例や、onclick ではなく、id や class などを指定して、クリックされたときに処理を実行する事例や、confirm から true を直接返すのではなく、true のときは submit を要素指定して JavaScript から実行する事例などがございました。
今回やりたかったことに、少しでも手が加わることになりましたら、これらの措置を検討する必要があるのだと存じます。
最後に、参考になったぺーじです♪[input submit onclick] で Google 検索して、ようやくたどり着けました！ありがとう存じます♪
以上です。