フォームで送信時、Javascriptで確認を出す方法

フォームで送信時、Javascriptで確認を出す方法。
用途:全件検索をする時、表示件数が遅くなる場合があるので、全件検索をするのか、一度尋ねる。
<input type="submit" value="検索" onclick="CheckSearch();">

こんな感じで記述し、

<script>
function CheckSearch() {
if (confirm("全件表示されます。")) {}
else {
alert("全件検索をやめました。");
return false;
}
}
</script>

最初、このような感じで記述してみたが、form actionに記述している遷移先に飛んでしまうため、だめだった。

そこで、form actionにこのように追記

<form method="GET" action="ほげほげ" onsubmit="return CheckSearch()">

submitボタンは
<input type="submit" value="検索">

と記述。

こうすると、無事、全件検索をキャンセルすることができました。

単純にreturn false;にしたところで、止まるわけではありません。

 

javascriptあまり普段書かないので、どっかで、勉強し直したいと思っています。
今や、サーバー側でも書ける言語ですからね。


コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

*

WP-SpamFree by Pole Position Marketing