シンプルな形で、登録や更新ボタンをクリックしたときに確認アラートを表示するコード

スポンサードリンク

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 検索して、ようやくたどり着けました!ありがとう存じます♪

以上です。


スポンサードリンク

コメントを残す