JavaScript 9

Javascript: FormChecker 사용법

틀 자바스크립트를 이용한 HTML 폼 검증하기 틀 자바스크립트를 이용하여 HTML 폼 검증 코드를 쉽고 빠르게 작성하는 방법을 살펴본다. 프로바이더: 최범균 섹션 목록 틀 자바스크립트를 이용한 HTML 폼 검증 코드 작성 틀 자바스크립트를 이용한 HTML 폼 검증 코드 작성 HTML 폼에 원하는 값을 입력하지 않을 경우 입력 오류를 경고창(alert)으로 알려주는 것은 이제 기본이 되었다. 예를 들어, 아래와 같은 HTML 폼 코드가 있다고 하자. 아이디: 암호: 위 코드는 "id"와 "passowrd" 입력 요소를 갖는데, 이 둘이 모두 필수 입력요소라고 할 경우 이 폼을 검사하는 자바 스크립트 코드는 아래와 비슷한 형태를 취하게 될 것이다. 검사해야 할 요소가 두개인 경우에는 위와 같이 비교적 간단(..

javascript 2009.04.08

객체지향적 고급 자바스크립트 개발을 위한 가이드

Quick guide to somewhat advanced JavaScript tour of some OO features by Sergio Pereira last update: February 21st 2006 Hey, I didn't know you could do that 여러분이 개발자이고 나와 같은 길을 걸어 왔다면, 웹페이지에서 꽤 많은 Javascript 조각들을 사용해 왔을 것이다. 마치 UI의 딱풀 마냥.. 최근까지 나는 Javascript가 내가 취업 했을 때보다 더 객체지향(OO_ 능력을 가졌다고는 하지만 난 별로 그것을 사용해야하는 느낌은 받지 못했다. 브라우져들이 Javascript와 DOM의 좀더 표준화된 형상을 지원하기 시작함에 따라, client 상에서 구동하기 위한 더 복잡..

javascript 2007.12.14

자바스크립트 정규표현식

1. 만들기 1) var re=/패턴/플래그; 2) var re=new RegExp("패턴","플래그"); 3) 차이 - new로 만들때에는 이스케이프문자는 \는 \\로 해주어야 한다. var re=/\w/; var re=new RegExp("\\w"); 2. 플래그(flag) g (Global 찾기) 패턴에 맞는 모든문자 찾기 i (Ignore Case) 대소문자 무시 m (Multiline) 여러줄3. ^ 문자열의 시작을 의미 ,m 플래그를 사용할경우 경우는 각 문자열의 시작 $ 문자열의 끝을 의미 ,m 플래그를 사용할경우 경우는 각 문자열의 끝 . 모든 한문자4. [문자들] - 괄호안의 문자 하나와 매치 예) [abc] 는 a나 b나 c중 하나를 의미 [^문자들] - 괄호안의 문자가 아닌문자와 매치..

javascript 2007.11.28

String Function모음 String을 자바처럼 핸들링해보잣~!

String Prototype Function reference. 1 /*--------------------------------------------------------------------------------*\ 2 * JavaScript framework, version 2.0 3 * 4 * Date : 2006. 08. 15. 5 * Copyright 2004-2007 by Vricks Studio. All right reserved. 6 * @author Jeff Yang routine@vricks.com 7 * 자주 쓰이는 스트링 관련 prototype관련 정리 8 \*-------------------------------------------------------------------..

javascript 2007.11.19

유용한 자바스크립트

WEB 2.0으로 넘어 오면서 여러기술들이 만들어지고 또는 발전하고 있다. 그중 가장 많이 발전하고 그만큼 많이 사용되는 언어가 javascript이지 않을까 생각된다. 아직은 발전 단계이긴 하지만 현재까지 나온 javascript에 대한 오픈 소스만으로도 전부 소화해내기 벅찰정도로 많은것 같다. 지금 등록시켜놓은 javascript는 물론 유명한 prototype이나 yui로 있을지도 모르겠다. 하지만 우선 한국사람이 개발해놓은 소스이고 보기도 쉽게 주석처리도 되어있기 때문에 등록해 놓겠다. 한국인이 개발한 오픈소스가 전세계인이 사용하는 날 까지..........................................fin. 유용한 function모음 Calendar 아래 파일을 같은 Path에 다운..

javascript 2007.11.19

javascript의 eval()함수란 무엇인가!

"3+4"라는 문자열을 7이라는 값으로 계산해주는 함수로 알고 계신다고 하셨는데.. 잘못된 지식입니다. eval() 함수는 변수를 javascript의 함수처럼 쓰는 명령어 입니다. 즉. str += "document.test.check"+i+".value"; 위의 뜻은 변수명이 document.test.check1.value 형식으로 들어가는데... 이것을 함수처럼 쓸수는 없다는 뜻입니다. 그냥 저런 문자열이라는 뜻이죠. 결국 str을 alert시키면 document.test.check1.value이 출력되게 됩니다. 그리고 str += eval("document.test.check"+i+".value"); str에 함수이름들이 들어가 있는 겁니다. 그래서 alert를 시키면 value가 1이나 2가 ..

javascript 2007.11.12

자바 스크립트 내장 객체 오버라이딩 (javascript prototype overriding)

String.prototype.myComment; String.prototype.getLength = function(){ return this.length; } String.prototype.toString = function(){ return "김덕배님의 말 : " + this.valueOf(); } var o = new String("Hello My Girl"); o.myComment = "This is Object"; alert( o.myComment ); //"This is Object" alert( o.getLength() ); //13 alert( o ); //"김덕배님의 말 : Hello My Girl" 1. String 객체의 getLength()와 toString()를 오버라이팅 한다...

javascript 2007.11.12