jQuery를 사용하여 비밀번호 필드의 글자를 숨기기/표시하기

회원가입 양식이나 기타 양식에서 비밀번호를 입력할 때 글자 대신에 별표나 가운데 점이 표시되도록 하고 싶은 경우가 있을 수 있습니다.

이 경우에 javascript나 jQuery를 사용할 수 있습니다. 아래는 이 경우에 사용 가능한 jQuery 코드입니다. Show 옆의 체크박스를 표시하면 글자가 표시되고, 체크박스의 선택을 해제하면 글자가 가운데 점으로 표시됩니다.

$(document).ready(function(){
$("#toggle").change(function(){

// Check the checkbox state, 체크박스 상태 체크
if($(this).is(':checked')){
// Changing type attribute
$("#password").attr("type","text");

// Change the Text, 텍스트 변경
$("#toggleText").text("Hide");
}else{
// Changing type attribute, 입력 속성 변경하기
$("#password").attr("type","password");

// Change the Text, 텍스트 변경하기
$("#toggleText").text("Show");
}

});
});
// Source: makitweb.com

일부 제한이 있지만 stackoverflow 글도 참고해볼 수 있습니다.

댓글 남기기

프리미엄 테마 그래픽 동영상 템플릿 무료 다운로드