반응형
[자바스크립트] change 이벤트 뜻과 간단예제
다음은 20세에서 60세까지 사용할 수 있는 나이 제한을 둔 사이트에서 입력으로 받아들인 나이에 따라 사이트를 사용 권한 여부를 나타내는 자바 스크립트이다.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 | <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title></title> <script> function checkage(str, min, max) { if (str == "") { alert("나이를 입력하세요."); return false; } for (var i = 0; i < str.length; i++) { var ch = str.substring(i, i + 1) if (ch < "0" || ch > "9") { alert("숫자만을 입력하세요"); return false; } } var val = parseInt(str, 10) if ((val < min) || (val > max)) { alert("당신은 20~60세 사이가 아니군요."); return false; } return true; } function accept() { alert("당신은 20~60세 사이입니다. 사이트 이용 가능합니다."); } </script> </head> <body> <h2>change 이벤트 예제</h2> <form class="left" name="ex5"> 나이를 입력한 후 입력 상자 바깥부분을 클릭하세요! <input name="num" onchange="if(!checkage(this.value,20,60)){ this.focus(); this.select(); }else{accept()}"> </form> </body> </html> | cs |
반응형
'이전 게시글 > 컴퓨터#웹 Jv.Script' 카테고리의 다른 글
| [자바스크립트] 이벤트 핸들러 예제, 이벤트 객체를 알아보자 (0) | 2016.04.17 |
|---|---|
| js 파일로 연결하여 사용 시 한글 깨짐 현상 (0) | 2016.03.21 |
| [자바스크립트] Click(클릭) 이벤트 간단한 사용예제 (0) | 2016.03.01 |
| [자바스크립트] anchor(), link() 하이퍼텍스트 연결하기 (0) | 2016.03.01 |
| [자바스크립트] String 객체의 메소드를 이용한 문자열 처리 (0) | 2016.02.27 |
