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

ボタンのタイプが送信として指定されていません。ボタンをクリックしても、指定された 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の関連ロックについての簡単な理解

推薦する

純粋な CSS カスタム複数行省略記号の問題 (原理から実装まで)

テキストオーバーフローを表示するにはどうすればいいですか? どのようなニーズがありますか?単一行です...

uni-appがNFC読み取り機能を実装

この記事では、参考までに、NFC読み取り機能を実装するためのuni-appの具体的なコードを紹介しま...

シェルを使用してMySQLデータバックアップスクリプトを作成する

アイデアそれは実はとても簡単ですシェル スクリプトを記述して、mysql の mysqldump を...

SQLは、隣接する2行のデータに対して加算、減算、乗算、除算の演算を実行します。

SQL は、データを特定の順序で並べ替え、特定のフィールドでグループ化した後、隣接する 2 つのデ...

この記事では、CSSの2列レイアウトと3列レイアウトの具体的な使い方をまとめます。

序文大規模なフロントエンドの開発に伴い、UI フレームワークが次々と登場し、フロントエンド開発におけ...

よく使われるシングルページアプリケーションウェブサイト共有

CSS3お願いしますこのウェブサイトを自分で見て、パラメータを変更し、CSS3効果をオン/オフにする...

Vueベースのカスタムコンポーネントを実装してアイコンを導入する

序文プロジェクト開発では、アイコンを使用する方法はたくさんあります。iconfont で適切なアイコ...

MySQLマスタースレーブ遅延現象と原理の詳細な分析

1. 現象早朝、オンライン テーブルにインデックスが追加されました。テーブル内のデータ量が大きすぎた...

Mysql WorkBench のインストールと設定のグラフィックチュートリアル

この記事では、Mysql WorkBenchのインストールと設定のグラフィックチュートリアルを参考ま...

Vue CLI のモードと環境変数の詳細な説明

序文実際のプロジェクトの開発では、通常、プロジェクト開発フェーズ、テストフェーズ、最終オンラインフェ...

ECMAScript6 におけるマップマッピングの基本概念と一般的な方法

目次マッピングとは何かオブジェクトとマップの違いマップの共通メソッド宣言と初期化割り当てセットキー値...

MySQL 5.7 スレーブノードからマルチスレッド マスター スレーブ レプリケーションを構成する方法の詳細な説明

序文MySQL は MySQL 5.6 からマルチスレッド レプリケーションをサポートしていますが、...

Docker で Portainer ビジュアル インターフェースを構築するための詳細な手順

前回述べた問題を解決するために、オンラインで検索したところ、非常に優れたビジュアル インターフェース...