유효한 이메일 주소에도 불구하고 Javascript를 사용한 이메일 확인이 작동하지 않습니다.

Question

저는 html과 javascript를 사용하여 두 개의 양식을 만들고 있습니다. 하나는 "로그인"용이고 다른 하나는 "등록"용입니다. 양식의 입력이 유효한지 확인하기 위해 JavaScript를 사용하고 있습니다. '로그인' 양식의 '이메일' 필드는 올바르게 확인되지만 '가입' 양식의 '이메일' 필드는 확인되지 않는 문제에 직면했습니다. Enter를 확인하기 위해 거의 동일한 이벤트 리스너를 사용하지만 .

이것은 제가 이 작업을 수행하는 데 사용하는 코드의 간단한 버전입니다

으아아아

각 양식에서 이벤트 리스너를 사용하여 "제출" 이벤트를 처리하고 있습니다. "loginForm" 이벤트는 예상한 대로 작동하지만 이메일이 유효한 이메일이 아닐 때 "registerForm" 이벤트에 오류 메시지가 표시됩니다. 그렇지 않으면 이메일 필드에 입력하세요. 청중이 거의 동일하다는 점을 고려하면 혼란 스럽습니다. 실제로 양식을 제출할 필요는 없습니다. 단지 몇 가지 기본 양식 유효성 검사가 어떻게 작동하는지 이해하고 싶습니다. 이 코드는 제가 작성한 다른 모든 내용의 일부이지만 비밀번호, 체크박스 등은 제게는 잘 작동합니다. "registerForm" 이벤트 리스너가 "loginForm" 이벤트 리스너와 동일한 방식으로 작동하도록 만드는 방법만 알면 됩니다.

편집: 등록 양식의 onclick="validateRegister()"에 대해 알고 있습니다. 코드에서 이를 제거했지만 문제가 지속됩니다.

어떤 도움이나 건설적인 비판, 재미있는 농담이라도 환영합니다.

감사합니다.

Answer 1

두 가지 양식에서 email 输入元素的有效性，但您应该检查 register-email 事件侦听器上的 register-email 입력 요소의 유효성을 확인하려는 것 같습니다.

변경:

으아악

받는 사람:

으아악

문제없어요

편집 1: 이벤트 리스너 위에 선언할 수 있습니다 registerEmail