웹마스터 팁

<script language='javascript'>

// checkvalue 기능
function checkvalue() {

// a 텍스트 필드와 b 텍스트 필드 중 둘다 값이 있을 때
if(test.a.value && test.b.value) {

  // 두 필드의 값이 서로 다를 때
  if(test.a.value!=test.b.value){

   // status 필드에 일치하지 않는다는 문장 출력
   test.status.value = "[ 일치하지 않습니다 ]";

   // 그에 맞게 길이 수정
   test.status.style.width = 120;

  // 두 필드의 값이 동일 할 때
  } else {

   // status 필드에 일치한다는 문장 출력
   test.status.value = "[ 일치합니다 ]";

   // 역시 그에 맞게 길이 수정
   test.status.style.width = 83;
  }

// a 텍스트 필드와 b 텍스트 필드 두중하나라도 값이 없을 때
} else {

  // 아무것도 입력이 안 되어 있으므로 비밀번호를 입력해 달라는 메세지를 status 필드에 출력 함
  test.status.value = "[ 비밀번호를 입력해 주세요 ]";

  // 그에 맞게 길이 수정
  test.status.style.width = 160;
}

}
</script>

<form name="test">
<input type="password" name="a" style="border:1 solid highlight;color:highlight;background:ghostwhite;font size:12px 굴림;" size="8" onblur=checkvalue();> :
<input type="password" name="b" style="border:1 solid highlight;background:ghostwhite;color:highlight;font size:12px 굴림;" size="8" onblur=checkvalue();>
<input type="text" name="status" style="border:0;color:highlight;font size:12px 굴림;width:160" readonly onfocus="this.blur();" value="[ 비밀번호를 입력해 주세요 ]">
</form>

-------------------------------------------------------------------------------------
뒹굴리스트님의 방법은 계속 확인을 시도하므로 ^^; 괜한 자원낭비 하는것 같아서요...
첫번째 입력창과 두번째 입력창을 떠날때만 확인하도록 수정하였습니다. ^^;
그리고 둘중 하나라도 값이 입력되지 않았으면 비밀번호를 입력해주세요 ^^; 라고 나오죠..