ボタンで送信の種類が指定されておらず、ボタンをクリックしても指定されたURLにジャンプしない
2022-01-16 14:25:39
今日、プロジェクトの要件により、フォームの送信を制御し、送信前にデータを検証し、処理するためのjsが必要です。
htmlのコードは以下の通りです。
<div class="test-ft">
<h3 class="shouji">Mobile phone numbers for bad luck</h3>
<form needcheck="1" method="post" target="_blank" action="http://www.go108.com.cn/go108_mobile_ free_sz.php">
<p>
...
</p>
<button class="btn-act">Measure Now</button>
</form>
</div>
コーディングが終わった後、ブラウザの互換性テストをすると、ie6、ie7ではボタンが反映されず、指定したurlがジャンプしないが、他のブラウザでは正常にジャンプできる、という問題がある。
jsの制御コードに問題があるとずっと思っていて、長い間デバッグを追ったのですが、問題が見つかりませんでした。
過去にそのような問題に気づかず、穴を踏んでしまったことがあったので、それを検証するために情報を検索してみました。
ボタンのtypeプロパティについては、w3shoolに詳細な説明があります。
https://www.jb51.net/w3school/tags/att_button_type.htm
Definition and Usage The type attribute specifies the type of the button. Tip: Always specify the type attribute for buttons. the default type for Internet Explorer is "button", while the default value in other browsers (including the W3C specification) is "submit". As you can see, the default button submits the form when clicked in other browsers, while ie does not submit the form when clicked by default, and the default value of type is also a browser compatibility issue, so mark it.
htmlのコードは以下の通りです。
コピーコード
コードは以下の通りです。
<div class="test-ft">
<h3 class="shouji">Mobile phone numbers for bad luck</h3>
<form needcheck="1" method="post" target="_blank" action="http://www.go108.com.cn/go108_mobile_ free_sz.php">
<p>
...
</p>
<button class="btn-act">Measure Now</button>
</form>
</div>
コーディングが終わった後、ブラウザの互換性テストをすると、ie6、ie7ではボタンが反映されず、指定したurlがジャンプしないが、他のブラウザでは正常にジャンプできる、という問題がある。
jsの制御コードに問題があるとずっと思っていて、長い間デバッグを追ったのですが、問題が見つかりませんでした。
過去にそのような問題に気づかず、穴を踏んでしまったことがあったので、それを検証するために情報を検索してみました。
ボタンのtypeプロパティについては、w3shoolに詳細な説明があります。
https://www.jb51.net/w3school/tags/att_button_type.htm
コピーコード
コードは以下の通りです。
Definition and Usage The type attribute specifies the type of the button. Tip: Always specify the type attribute for buttons. the default type for Internet Explorer is "button", while the default value in other browsers (including the W3C specification) is "submit". As you can see, the default button submits the form when clicked in other browsers, while ie does not submit the form when clicked by default, and the default value of type is also a browser compatibility issue, so mark it.
関連
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
HTMLのテーブル表のframe属性とrule属性の説明
-
ie8でタグの背景画像が表示されない問題の解決方法
-
複数の div に含まれる table の tdwidth が同じに設定され、また誤って整列される。
-
HTMLimgタグのalt属性とtitle属性の使い方紹介
-
HTML チェックボックス 説明テキストをクリックすると、ステータスの選択/解除ができます。
-
htmlと埋め込みFlashの両方にスクロールバーがある場合の解析と対処法
-
ボタンとinput type=buttonの違いと注意点
-
行間カラーチェンジを実現するHTML n方法 サンプルコード
-
shtmlとhtmlの違いについて