http://oxtag.com/html/ex/ex/ex7.html
- <SCRIPT LANGUAGE="JavaScript">
- <!--
- function move_focus() {
- len = form1.pos1.value.length
- aa = String.fromCharCode(event.keyCode)
- if(len == 2) {
- form1.pos1.value = form1.pos1.value + aa ;
- form1.pos2.focus() ;
- }
- }
- function enter_move() {
- if(event.keyCode == 13) {
- form1.nn2.focus()
- }
- }
- //-->
- </SCRIPT>
- </HEAD>
- <BODY>
- <form name=form1>
- ○ 3글자를 넣으면 포커스가 이동합니다. <br>
- 우편번호 : <input type=text name=pos1 onKeypress='move_focus("form1.pos1")'> - <input type=text name=pos2 onfocus="this.value=''" ><p>
- ○ 엔터를 치면 포커스가 이동합니다.<br>
- name : <input type=text name=nn onKeypress='enter_move()'><br>
- 별명 : <input type=text name=nn2>
- </form>
- <br>
- ○ 텍스트 박스 내의 글자 길이 제한 체크 <p>
- <SCRIPT LANGUAGE="JavaScript">
- <!--
- function MsgLenCheck(f) {
- MsgLen = getStrLen(f.value)
- ShowMsgLen.innerHTML = MsgLen + '/20';
- if (MsgLen > 20 )
- {
- alert(" 20 byte 이상은 저장되지 않습니다. ")
- }
- }
- function getStrLen(str)
- {
- var len=0, j;
- for (i=0, j=str.length; i < j ; i++, len++)
- {
- if ( (str.charCodeAt(i)<0)||(str.charCodeAt(i)>127) )
- {
- len = len+1;
- }
- }
- return len;
- }
- //-->
- </SCRIPT>
- <div id='ShowMsgLen' name='ShowMsgLen'> 0 / 20 </div> <p>
- <textarea name=content rows=10 cols=80 onkeyup="MsgLenCheck(this)" style="font-size:9pt;"></textarea>
반응형
'인터넷정보' 카테고리의 다른 글
| 텍스트 애니메이션 (0) | 2007.10.18 |
|---|---|
| 텍스트 애니메이션 (0) | 2007.10.18 |
| 웹페이지 대화상자 (부모창 위에 새창이 항상 최상위에 존재) (0) | 2007.10.18 |
| 웹페이지 대화상자 (부모창 위에 새창이 항상 최상위에 존재) (0) | 2007.10.18 |
| input 또는 폼안의 포커스 이동 및 글자 길이 제한 (0) | 2007.10.18 |
| 다중 셀렉트(select) 박스 3 (0) | 2007.10.18 |
| 다중 셀렉트(select) 박스 3 (0) | 2007.10.18 |
| 이미지 슬라이드 (0) | 2007.10.18 |
| 이미지 슬라이드 (0) | 2007.10.18 |
| 체크박스 전체선택 / 전체해제 (0) | 2007.10.18 |