텍스트상자에 지정한 글자수가 채워지면 자동이동하기

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

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

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

 

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

답글 남기기

이메일은 공개되지 않습니다.