반응형
주민등록번호 앞 6자리 + 뒤자리 첫 번째 1자리만 입력
주민번호 6자리 - 1***** 이런 형식으로...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<label for="front">앞자리 (YYMMDD)</label>
<input id="front" type="text" maxlength="6" placeholder="예: 950624" />
<label for="gender">성별 코드 (뒤 첫자리)</label>
<input id="gender" type="text" maxlength="1" placeholder="1~4" />
<!-- 표시용 -->
<input id="display" type="text" readonly placeholder="앞자리-1*****" />
<script>
const front = document.getElementById('front');
const gender = document.getElementById('gender');
const display = document.getElementById('display');
function updateMask() {
if (front.value.length === 6 && gender.value.length === 1) {
display.value = `${front.value}-${gender.value}*****`;
} else {
display.value = '';
}
}
front.addEventListener('input', updateMask);
gender.addEventListener('input', updateMask);
</script>
</body>
</html>반응형
'무료홈페이지소스 > jquery' 카테고리의 다른 글
| MutationObserver (0) | 2026.02.06 |
|---|---|
| [소스] 모달 팝업(modal)에서 스크롤(scroll) 제어 (0) | 2026.01.15 |
| .ellipsis (0) | 2025.10.31 |
| ios 26 버전의 safari Tab bar의 UI (0) | 2025.10.15 |
| 좌에서 우로 나오는 슬라이드 메뉴 입니다. jquery (0) | 2025.04.15 |