[ JavaScript ] フォームをリセットする前に確認ダイアログを表示するサンプル

だるかぶ

サンダルでスーパーカブ乗りの『だるかぶ』です！
ご訪問ありがとうございます。ゆっくりしていってね。（本ページは広告を含みます。）

フォームをリセットする前に確認ダイアログを表示する JavaScript のサンプルです。

実際に動作するサンプル

https://codepen.io/darucub/pen/xbVEJLr

サンプルコード

<html>
<head>
<script language="JavaScript" type="text/javascript">
<!--
function ConfirmReset(){ 
  if(window.confirm('本当にリセットしても良いの？')){
    return true; 
  } else {
    return false;  
  } 
} 
//-->
</script>
</head>
<body>
<form method="post" action="" onReset="return ConfirmReset()">
<input type="text">
<input type="reset" value="リセット">
</form>
</body>
</html>

色々考えた事

• そもそも、リセットボタンなんて押す人がいるんだろうか？

• 間違えてクリックしないようにリセットボタンは設置しない方が良いのかな？

• いやいや、全ての項目を一から書き直す場面では便利かもしれない。

現場からは以上です。それでは、またッ！！！

だるかぶ

最後までお読みいただきありがとうございます！ スキ・コメント・シェア・フォローなどで応援いただけると『だるかぶ』のやる気がアップします！

記事内容の修正について 記載している内容は記事執筆時の情報です。 できるだけ最新情報を掲載するようにしていますが、情報が間違っている場合は「コメント」でご指摘いただけるとありがたいです。