HTMLおよびJavascript自動ドキュメントは、OnClickイベント後にエントリを消去します

Question

HTMLとjavascriptを使用して、MS Notepadでドキュメントを自動化しています。これまでのところ、私は多くのテキスト、いくつかのテキストボックス、およびボタンがあり、テキストボックスのいずれかに数値が入力された後にjavascript関数を実行します。このドキュメントは部分的にしか完成していません。しかし、テキストボックスにエントリを追加してからボタンを押すと、すべてのエントリが消去されることに気付きました。これは何らかのポストバックの問題だと思います。ただし、javascriptでonlickイベントを使用しても、サーバー側のコマンドは実行されないと考えました。また、私のドキュメントはすべてクライアント側のコードです。基本的に、それは単なるテキスト、html、そして現在、一つのJS関数です。

反復として、ボタンのonclickイベントが実行された後にテキストボックスエントリが消去される理由と、これを防ぐ方法を誰もが知っていますか？さらに、onclickイベントはJS関数を実行します。これは、ドキュメントにテキストを追加するifステートメントです。

ありがとうございます

DFM

Answer 1

フォームに<input type="submit">ボタンがある場合、ボタンを押すと、onclickハンドラーがあってもフォームが送信されます。これを解決する方法はいくつかありますが*、最も簡単な方法はボタンをtype="button"に変更することです。これは、クリックしても何も送信されないことを除いて同じです。

<input type="button" onclick="checkEntries()" />

*その他の解決策には、return falseのようにonclick="checkEntries(); return false"ハンドラーにonsubmit="return false"を追加するか、<form>要素に<=>を追加することが含まれます。