회원 가입을 하실때 보면 주민번호를 입력할때 주민번호 앞자리를 다 채우면 자동으로 뒷번호 입력으로 넘어 가시는 걸 보신적이 있을 것입니다. 그것에 대해서 알아 보죠.^^

<script type="text/javascript">
function siche_next() {
if (document.number.number1.value.length==6) {
document.number.number2.focus();
return;
}
}
</script>

<form method=post name=number>
주민번호 <input maxLength=6 name=number1 onkeyup='siche_next()'>
- <input maxLength=7 name=number2>
</form>

우선 텍스트 상자의 이름은 각각 number1 과 number2 입니다. 이 텍스트 상자는 number라는 폼태그 안에 들어 있습니다. number1이라는 텍스트 상자는 주민등록 앞자리 번호가 들어갑니다. 전국민의 앞자리는 6자리로 정해져 있습니다. 여기서 maxLength=6은 텍스트 상자에 최대한 입력되는 수입니다. 여기 뒷부분을 보시면 onkeyup 이있고 siche_next()를 실행 합니다. 이제 script 부분을 보시죠.

function siche_next() {
if (document.number.number1.value.length==6) {
document.number.number2.focus();
return;
}
}
if(document.number.number1.value.length==6)

만약에 number1에 들어 가는 value의 길이 즉, 입력되는 값이 6개가 된다면 document.number.number2.focus(); number2라는 곳에 포커스를 맞춘다는 것입니다. 이런식의 입력칸이 많아 지고 6개가 되면 넘어가는것도 필요하고 8개가 되면 넘어가고.. 등등으로 여러가지로 필요 하다면

function siche_next(siche01,siche02,siche03) {
if (siche01.value.length==siche02) {
siche03 .focus();
return;
}
}

이렇게 만들어 놓고 onkeyup='siche_next(this,6,document.number.number2)' 이런식으로 그때 그때 상황에 맞추어서 사용하시면 되겠지요~? 그럼 유용하게 쓰세요~ ^______________^

Posted by siche