javascript - Onclickはフォームデータの送信をトリガーしないでください

Question

タグ内に配置されたトリガーonclickのイベントが発生するたびに、フォームがクリックしたかのようにデータを送信することがわかりました。私はそれを望んでいません。フォーム内のボタンは他のタスクを提供します。ボタンの1つをクリックした後、フォームはデータを送信しません。<button><form><input type='submit'>

より明確にするために、私はこのコードが欲しいです：

<form action="http://www.google.com" method="POST">
    <button onclick="alert('hi!')">Button</button>
    <br>
    <input type="submit" value="submit"/>
</form>

アラート「こんにちは！」を表示します ボタンをクリックしても、その後Googleが開かないはずです。「送信」を押したときにのみGoogleが表示されます。

Answer 1

指定type="button"：

<button type="button" onclick="alert('hi!')">Button</button>

リンクされた記事から：

この[送信]は、属性が指定されていない場合のデフォルトです

Answer 2

これを試して..

onclick="alert('hi!'); return false;"

Answer 3

jQueryでは、入力ではなくスパンを使用し、.button呼び出しを使用してから、クリックイベントを設定します。