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

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

Mary-Kate Olsen
リリース: 2024-12-01 11:39:13
オリジナル
647 人が閲覧しました

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 サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート