Programming/JavaScript
자바스크립트 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(..
나이가 만 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일 시간 분 초
Javascript Library in Ajax
Javascript Library in Ajax
2007.04.29Web 2.0 리치 클라이언트(Rich Client)가 대세인 요즘 도대체 어떤 라이브러리가 좋을지 참 선택하기 힘든 상황이다. 1. Yahoo UI! http://developer.yahoo.com/yui/ 2. JQuery http://jquery.com/ 3. Prototype.js + scriptaculous http://www.prototypejs.org/ http://script.aculo.us/ (참고 : http://cafe.naver.com/requirements.cafe?iframe_url=/ArticleRead.nhn%3Farticleid=330 , 4. DoJo http://dojotoolkit.org/ 참고 http://www.mozilla.org/rhino/ http://www...
SilverLight & Flex in WEB 2.0
SilverLight & Flex in WEB 2.0
2007.04.29얼마전 MS의 SilverLight 도 정식런칭되고 어도비의 플렉스도 오픈소스로 전환이 된다고하니 앞으로 WEB 2.0 기반의 디자인적인 측면의 향상이 심히 기대가 크네요. 지금도 전쟁같은 WEB 2.0의 기술들의 변화가 난무한데 더더욱 큰 변화가 눈앞에 보입니다. ^ ^ 한편으로 두렵지만 한편으로는 두근두근 거리고 신나네요. 전 이상하게 배울게 많다는 것을 느낄때 신나고 두근거리네요~