ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScript を使用せずにボタンで不要なフォームの送信を防ぐにはどうすればよいでしょうか?

JavaScript を使用せずにボタンで不要なフォームの送信を防ぐにはどうすればよいでしょうか?

Mary-Kate Olsen
Mary-Kate Olsenオリジナル
2024-12-01 11:39:13647ブラウズ

How Can a Button Prevent Unwanted Form Submission Without JavaScript?

ボタンでフォームの送信を回避できますか?

「変更をキャンセル」ボタンと「送信」という 2 つのボタンを含むフォーム内ボタンは両方とも jQuery UI を使用してスタイル設定されていますが、前者は予期せずフォームを送信します。 「type=submit」属性がないにもかかわらず、フォーム送信が発生します。

JavaScript ソリューションではイベント処理を使用してこれを防ぐことができますが、JavaScript に依存せずにフォーム送信を無効にする方法はありますか?

答え:

ボタン要素のデフォルトの「type」属性は「submit」です。属性を「button」に設定すると、ボタンはフォームを送信できなくなります。

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

HTML 標準で規定されているように、「type=button」属性を持つボタンは「何も行いません」

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。