html - 送信ボタンは間違ったフォームを送信します

Question

同じページにログインフォームと登録フォームの2つのフォームがあり、それぞれに独自の送信ボタンがあります。不正なデータを入力して登録フォームの送信ボタンをクリックすると、エラーが表示されてフォームが返されます（予想どおり）。サインインフォームにサインインの詳細を入力し、サインインフォームの送信ボタンをクリックすると、登録フォームが送信されます。

これは奇妙な振る舞いです。これをどこから検索すればよいかわかりません。私はこれをテストするためにFirefoxを使用しています。

ありがとう

Answer 1

まあ、それを段階的にデバッグする必要があります。

• フォームのネストを確認し、適切な構造に従ってください。両方のフォームが互いに重なっていないこと、または適切に閉じられていないことを確認してください。
• 適切な ID と NAME をフォームに入力します。2 つのフォームが同じ名前のFrom Name Attrを持っている場合は注意してください。
• 構造と質問に基づいて、フォームごとに異なる送信ボタンがあり、そのボタンがフォームのネスト内に配置されていることを確認してください。
• フォームの場合と同様に、送信ボタンに適切な一意の ID と NAME を指定します。
• html で送信を使用して送信するか、JS フォームを送信するためにJSにフォームを送信させるかを選択します。
• HTML5 を使用している場合は、ボタンを FORM から分離できます。それらは別々に実行できます。送信ボタンを任意の場所に配置することで、フォームとその送信ボタンの間の動的な関連付けを意味し、別の場所にあるフォームを送信できます。コントロールとフォームの関連付けとHTML5 の新しい「フォーム」属性を確認してください。

問題をよりよく理解するために、いくつかのコードを投稿してください。幸運を。