ボタンのタイプが送信として指定されていません。ボタンをクリックしても、指定された URL にジャンプしません。

現在、プロジェクトの要件により、フォームの送信を制御し、送信前にデータを検証および処理するために js が必要です。

HTML コードは次のとおりです。

コードをコピー

コードは次のとおりです。

<div class="test-ft">
<h3 class="shouji">携帯電話番号の幸運</h3>
<フォーム needcheck="1" メソッド="post" ターゲット="_blank" アクション="http://www.go108.com.cn/go108_mobile_free_sz.php">
<p>
...
</p>
<button class="btn-act">今すぐテスト</button>
</フォーム>
</div>

コーディング完了後、ブラウザ互換性テストで問題が発生しました。IE6とIE7ではボタンをクリックしても反応せず、指定したURLにジャンプできませんでしたが、他のブラウザでは正常にジャンプできました。
js 制御コードに問題があるとずっと思っていたので、長い間追跡してデバッグしていましたが、それでも問題は見つかりませんでした。後で、ボタンのタイプが送信として指定されていないことがわかったので、これが問題であると疑いました。
追加したボタンの type 属性を送信に変更すると、IE6 および IE7 で機能が正常に動作するようになります。

これまでこのような問題に気を配ったことがなく、罠に落ちてしまったので、検証するために情報を検索してみました。
w3school にはボタンタイプ属性の詳細な説明があります。
https://www.jb51.net/w3school/tags/att_button_type.htm

コードをコピー

コードは次のとおりです。

定義と使用法 type 属性はボタンのタイプを指定します。ヒント: ボタンには常に type 属性を指定します。 Internet Explorer のデフォルトタイプは「ボタン」ですが、他のブラウザー (W3C 仕様を含む) のデフォルトは「送信」です。他のブラウザでは、デフォルトでボタンをクリックするとフォームが送信されますが、IE では、デフォルトでクリックしてもフォームは送信されないことがわかります。type のデフォルト値もブラウザの互換性の問題なので、マークします。

<<: JavaScript の条件付きアクセス属性と矢印関数の紹介

>>: MySQLの関連ロックについての簡単な理解