채택완료

회원가입 시 비밀번호란 2개 틀릴 시 멘트가 나오게 하는 방법

회원가입 시 비밀번호란 2개 틀릴 시 멘트가 나오게 하는 방법을 알고 싶습니다.

3543063980_1600055138.5339.png

여기에서 위에칸과 아래칸이 일치하지 않을 시, 비밀번호 확인 입력창 옆에 "비밀번호가 다릅니다."라는 멘트가 나타나게 하려고하는데 방법이 있을가요?

답변 1개

채택된 답변
+20 포인트
2020-09-14 (월) 13:06:11

방법이야 많죠.

문제는 언제 실행시킬 것인지, 어떻게 보여주고 숨길 것인지 등등 고려할 부분이 많습니다.

아래 간단하게 비밀번호 확인 입력란에서 키 눌렀다 떼었을 때나 값이 변경되었을 때

메시지 보여주는 초 간단 예제 코드 첨부합니다.

Copy
<input type="text" name="str1" id="str1"><br>
<input type="text" name="str2" id="str2" onkeyup="message()" onchange="message()"><span id="message"></span>

<script>
function message() {
  var str1 = document.querySelector('#str1').value;
  var str2 = document.querySelector('#str2').value;
  document.querySelector('#message').innerHTML = str1!=str2 ? '비밀번호가 다릅니다.' : '';
}
</script>

답변을 작성하려면 로그인이 필요합니다.