728x90
반응형
[JavaScript & jQuery] 자바스크립트로 주민번호 뒷자리 마스킹 하는 방법 !!(별표처리)
아래 코드 사용하시면 주민번호 뒷자리 첫번째 제외하고 마스킹(별표처리) 하실 수 있습니다 :)
예제코드
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="https://code.jquery.com/jquery-3.3.1.js" integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60=" crossorigin="anonymous"></script>
<title>test</title>
</head>
<body>
<h1>주민번호 뒷자리 마스킹</h1>
<input type="tel" id="jumin1" name="inputValue" maxlength="6"> - <input type="input" id="jumin2" maxlength="7">
</body>
</html>
<script>
$("#jumin1").on('keypress', function(){
var text = $('#jumin1').val().replace(/[^0-9]/g,"");
if(text.length >= $(this).attr("maxlength")){
$("#jumin2").focus();
return;
}
});
$("#jumin2").on('keypress', function(e){
var inVal = String.fromCharCode(e.which);
}).on('input',function(e){
$(this).val($(this).val().replace(/(?<=.{1})./gi, "*"));
});
</script>728x90
반응형
'Coding > JavaScript' 카테고리의 다른 글
| [JavaScript] 자바스크립트로 input 태그에 휴대전화번호 하이픈(-) 넣는 방법 !! (0) | 2023.03.17 |
|---|---|
| [JavaScript] 자바스크립트로 휴대전화번호 자리수 정규화 체크하는 방법 !! (0) | 2023.03.16 |
| [JavaScript] 자바스크립트로 가상키보드 구현하는 방법 !! (0) | 2023.03.12 |
| [JavaScript] 자바스크립트로 초간단 미사일 피하기 게임 만들기 !! (6) | 2023.03.11 |
| [JavaScript] 자바스크립트로 글자 나타나는 움직임 효과 내는 방법 !! (0) | 2023.03.10 |
댓글