有効な電子メールアドレスにもかかわらず、JavaScript を使用した電子メール検証が機能しない

Question

HTML と JavaScript を使用して 2 つのフォームを作成しています。1 つは「ログイン」用、もう 1 つは「登録」用です。 JavaScript を使用して、フォームへの入力が有効かどうかを確認しています。 「ログイン」フォームの「電子メール」フィールドは正しく検証されていますが、「サインアップ」フォームの「電子メール」フィールドは、入力を検証するためにほぼ同じイベントリスナーを使用しているにもかかわらず、検証されないという問題に遭遇しています。 .

これは、これを行うために使用しているコードの要約版です

リーリー

各フォームでイベント リスナーを使用して「submit」イベントを処理しています。「loginForm」イベントは期待どおりに機能しますが、電子メールが電子メールの場合にエラー メッセージを表示する「registerForm」イベントは機能します。電子メールまたはその他の内容を電子メールフィールドに入力します。視聴者がほぼ同じであることを考えると、これには混乱しています。実際にフォームを送信する必要はありません。基本的なフォーム検証がどのように機能するかを理解したいだけです。このコードは私が書いた他のコードの一部ですが、パスワードやチェックボックスなどは問題なく機能します。 「registerForm」イベント リスナーを「loginForm」イベント リスナーと同じように動作させる方法を知る必要があるだけです。

編集: 登録フォームの onclick="validateRegister()" については認識しています。コード内で削除しましたが、問題は解決しません。

助け、建設的な批判、面白いジョークは大歓迎です。

＃＃＃ありがとう。

Answer 1

両方のフォームで email 入力要素の有効性をチェックしようとしているようですが、register-email イベント リスナーの register をチェックする必要があります。 -email 入力要素の有効性。

＃＃＃変化：＃＃＃ リーリー ＃＃＃ に： ＃＃＃ リーリー

問題ないはずです

編集 1: イベント リスナーの上で

registerEmail

を宣言できます。