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

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

 
우선 텍스트 상자의 이름은 각각 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)’ 이런식으로 그때 그때 상황에 맞추어서 사용하시면 되겠지요~? 그럼 유용하게 쓰세요~ ^______________^

텍스트상자에 불러오는 값만 받을수 있게 하기

회원 가입을 하실때 보면 우편번호를 꼭 우편번호 찾기를 해야만 입력되는 것을 많이 보셨을 것입니다.
자기가 직접 넣으려고 하면 넣어 지질 않죠. 그것에 대해서 알아 보겠습니다.^^

위의 소스에서 포인트는 input 안에 들어 있는 readonly입니다. 구지 따로 설명할 것은 없는것 같네요..^^;;

요일마다 다른게 보이는 문구

요일마다 다른게 나오는 스크립트입니다.
요일마다 다른 인사말이라든지.. 제목이라든지.. 응용을 하셔서 쓰시면 좋을듯 십네요~^^

요일구분은 클라이언트 컴퓨터.. 즉 사용자의 컴퓨터의 요일을 받아서 조건문을 거쳐 참인 결과물을 뿌려주는 것입니다.
그러니 현재 월요일이라고 해도 사용자의 컴퓨터에 화요일이라고 설정 해놓았으면 화요일로 나오는 것이지요..^^
꼭 document.write(“하고싶은말”)를 하지 않고 alert(“하고싶은말”) 처럼 경고창을 보여주는 등 많은 응용을 하셔서
유용하게 쓰세요~^_______^