자바스크립트
자바스크립트 키코드를 이용한 엔터 처리
자바스크립트 키코드를 이용한 엔터 처리
2007.05.29자바스크립트로 키코드 이벤트를 처리하는 경우는 상당히 많다. 일반적으로 하나의 폼에서 다중의 submit을 구현하거나 페이지에서 키코드를 막거나 기타 여러가지에서 키 이벤트를 처리한다. function checkEnter(evt)//window.event { if ( evt.keyCode == 13 )//ENTER KEY CODE { return false; } else { return true; } } 위 코드는 엔터에 해당하는 키코드를 받아 false를 리턴해주는 이벤트 델리게이트다. 따라서 onkeypress 등의 이벤트에 써주면 유용하게 사용할 수 있다. ps. 각 키에 대한 이벤트 코드를 잘 정리해둔 사이트가 있네요 ^ ^ 아래 링크를 확인하세요~ http://27m.net/v8/bbs/view..
자바스크립트 trim() 메소드 구현
자바스크립트 trim() 메소드 구현
2007.05.27문자열의 앞과 뒤쪽에 공백을 제거해주는 trim() 메소드 상당히 자주사용하지만 자바스크립트에서 기본적으로 제공하지 않는 메소드이다. 그래서 자주 만들어서 사용하는 메소드들 중 한가지인데 이를 아래처럼 만들어서 사용하면 편하다. function trim(str) { while(str && str.indexOf(" ") == 0) str = str.substring(1); while(str && str.lastIndexOf(" ") == str.length-1) str = str.substring(0, str.length-1); return str; } 대신 이 메소드에도 단점은 있다. 공백에는 빈칸(공백문자) 외에도 캐리지 리턴(\r) 뉴 라인(\n) 탭문자(\t) 이 외에도 있지만 입력받을 수 있는 공..
자바스크립트로 이메일 체크
자바스크립트로 이메일 체크
2007.05.26이메일 주소의 형식을 체크하는데는 역시 정규표현식(Regular Expression)으로 체크하는 방법이 제일 좋은 것 같다. 아래 소스도 마찬가지로 정규표현식을 사용하여 이메일 주소를 체크한다. function checkEmailFormat(email) { email.value.replace(" ", ""); email.value = trim(email.value); if (email.value == "") { alert("이메일을 입력해주세요."); return false; } else if(email.value != "") { reg = new RegExp("^[\\w\\-]+(\\.[\\w\\-_]+)*@[\\w\\-]+(\\.[\\w\\-]+)*(\\.[a-zA-Z]{2,3})$", "gi");..
password 필드를 javascript로 유효성 검사
password 필드를 javascript로 유효성 검사
2007.05.25자바스크립트로 비밀번호 부분의 valid를 체크하는데는 값이 있고 없고만 체크하면 간단할지 모르지만, 글자수를 제한하여 체크를 하고 특정글자로 제한하는 것이 보안적인 측면이나 문제를 일으킬 소지를 막는 방법이 되곤 한다. function checkPassword(password) { var availableCharacter = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789-_=+\|()*&^%$#@!~`?>
자바스크립트 라이브러리들의 벤치마크
자바스크립트 라이브러리들의 벤치마크
2007.05.22너무나도 많은 Javascript Library가 나오는 지금 아래 나열된 라이브러리 말고도 참 많고 다양하지만 그중 잘 알려져있는 것들을 벤치마크 해둔 사이트가 있어 올려봅니다. 솔직히 신생 javascript library는 더 많이 있는데 말이죠 ㅎㅎ 각각의 라이브러리마다 특징이 있어서 아래의 표로는 다 보여주지는 못하는것 같군요 자바형식의 Dojo, XPath 와 비슷한 jquery, RoR 형식을 따르는 Proto.&Scripta. 방대한 YUI와 GWT, .NET 기반의 Atlas 등 다양한 라이브러리를 자신의 형식에 맞게 또는 개발 환경에 맞게 잘 이용하는 능력 개발이 우선이라 생각됩니다. http://www.sitepoint.com/article/javascript-library Proto..
주민등록번호 체크 자바스크립트
주민등록번호 체크 자바스크립트
2007.05.22자주 쓰긴하지만 참 자주 까먹고 사용할 때마다 찾아서 쓰게 되는 스크립트입니다 ㅎㅎ function jumin_check() { if (document.form1.TextBox6.value.length != 13) { // 번호가 13개 아니라면 alert("번호의 개수가 모자랍니다."); document.getElementById("TextBox6").focus(); //커서를 주민번호 앞자리에 놓는다. return false; } else { var strjumin = document.getElementById("TextBox6").value; //변수에 주민번호 앞자리 담음 } var a1=strjumin.substring(0,1) //주민번호 계산법 var a2=strjumin.substring(..
링크에 점선.. 아직도 onclick=this.blur()를 쓰나요?
링크에 점선.. 아직도 onclick=this.blur()를 쓰나요?
2007.05.21onclick=this.blur() => this.hideFocus=true 링크를 클릭하게 되면 링크 주변에 점선이 생기게되죠. 물론 그대로 두는 것이 웹표준 접근성에 맞겠지만 모양을 중요시하는 경향이 국내에선 많기 때문에 링크에는 항상 onclick 이벤트에 this.blur() 자바스크립트를 이용해서 링크에 점선이 생기는걸 막고는 했죠. 이를 한번에 해결하려면 a 테그의 스타일을 정의할 때 아래와 같은 한줄을 넣어주시면 됩니다. ^ ^ a { selector-dummy: expression(this.hideFocus=true;} 상당히 간단하고 쉽게 링크의 점선을 없앨 수 있겠죠? ^ ^ 많이 활용하자고용~
나이가 만 14세 이상인가? Javascript 체크
나이가 만 14세 이상인가? Javascript 체크
2007.05.19나이가 만 14세 이상인지 확인하려면 어떻게 해야할까? 뭐 여러가지 방법이 있겠지만 가장 간단한 방법을 소개한다. (GNU Board 에서 발췌한 소스) if (typeof(f.mb_birth) != 'undefined') { var todays = 20070512; // 오늘날짜에서 생일을 빼고 거기서 140000 을 뺀다. // 결과가 0 이상의 양수이면 만 14세가 지난것임 var n = todays - parseInt(f.mb_birth.value) - 140000; if (n < 0) { alert("만 14세가 지나지 않은 어린이는 정보통신망 이용촉진 및 정보보호 등에 관한 법률\n\n제 31조 1항의 규정에 의하여 법정대리인의 동의를 얻어야 하므로\n\n법정대리인의 이름과 연락처를 '자기소개..
거꾸로 시간 카운트 되는 자바스크립트
거꾸로 시간 카운트 되는 자바스크립트
2007.05.16var startExm = new Date(''); function CalcRemaining(obj) { var now = new Date(); var difference = parseInt(((startExm.getTime() - now.getTime()) / 1000) + 0.999); if (difference > 0) { var secs = difference % 60 difference = parseInt(difference / 60) var minutes = difference % 60 difference = parseInt(difference / 60) var hours = difference % 24 difference = parseInt(difference / 24) var days = ..
화면의 특정부분만 인쇄하는 자바스크립트
화면의 특정부분만 인쇄하는 자바스크립트
2007.05.15특정한 영역만 인쇄해야하는 페이지를 구현해야 할 때가 있습니다. DIV 테그로 묶어서 window.onbeforeprint 이벤트일때 출력할 영역외의 부분은 안보이게 처리하고, 출력할 부분만 DIV에 innerHTML로 뿌려서 출력한후에 인쇄를 종료하게되면 onafterprint 이벤트에 안보이게 처리했던 부분의 영역을 보이게 하고 뿌려줬던 DIV 부분을 지워주게 처리하면 끝나게 되겠네요 ^ ^ 아래 주소를 참조했습니다. PHPSCHOOL http://www.phpschool.com/gnuboard4/bbs/board.php?bo_table=tipntech&wr_id=21720&sca=&sfl=wr_subject%7C%7Cwr_content&stx=%C0%CE%BC%E2&sop=and&page=2
시간 거꾸로 초 세는 자바스크립트 new Date()
시간 거꾸로 초 세는 자바스크립트 new Date()
2007.05.01일 시간 분 초