ボタンがフォームを送信できないようにするにはどうすればよいですか?

フォームでのボタンの動作のカスタマイズ

フォームには、フォームの送信や他の操作の実行など、さまざまなアクションをトリガーするボタンがあるのが一般的です。ただし、場合によっては、ボタンがクリックされたときにフォームを送信しないことが望ましい場合があります。

問題:

2 つのボタンがあるフォームを考えてみましょう。変更をキャンセル」ボタンと「送信」ボタン。どちらのボタンにも jQuery UI ボタン​​ スタイルが適用されています。ただし、type="submit" 属性がない場合でも、[変更をキャンセル] ボタンもフォームを送信します。

解決策:

button要素のtype属性は「submit」です。ボタンがフォームを送信しないようにするには、type="button":

<button type="button">Cancel changes</button>

この変更により、ボタンがクリックされたときに「何もしない」ようにブラウザーに指示し、フォームが影響を受けないようにします。

追加メモ:

• jQuery UI button() 関数を使用すると、button 要素と input[type="button"] 要素の両方の外観を向上させることができます。
• type="button" を設定すると、そのボタンのフォーム検証が無効になることに注意してください。検証が必要な場合は、代わりに type="submit" を使用してください。

以上がボタンがフォームを送信できないようにするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。