폼(Form)
폼, 폼의 초기화, 폼 전송, 그리고 폼에 입력된 값을 전송전에 검증하는 것과 관련된 예제들입니다.
[1] textarea에 입력된 길이만큼 게이지를 늘려주는 소스 [Preview]
textarea에 값을 입력하면 아래의 게이지가 올라가거나 줄어드는 소스입니다..

게시판에서 입력 제한시 사용하면 좋을듯 합니다.. ^^
[2] 아래 option 소스에 추가/삭제 기능을 추가한 소스입니다. [Preview]
아래의 option 위/아래로 옴직이는 소스에
추가와 삭제의 기능을 붙여봤습니다..

사용시 발생하는 문제점은 알려주세요.. ^^
[3] select박스 option을 위/아래로 이동하는 소스입니다 [Preview]
select박스에 option값 위치를 바꾸는 소스로

바꿀려는 option을 선택하고 UP/DOWN을 선택하면
위/아래로 바뀌게 됩니다.
[4] 전송(submit) 버튼을 한번만 누르게 하는 소스입니다 [Preview]
폼에 데이타를 입력하고 전송버튼을 누르면 서버로 전송이 됩니다.
이때 유저가 실수로 전송 버튼을 더블 클릭하거나 두번 누르게 되면 자동으로
두번 전송하게 됩니다.

그러면 서버에 두개의 똑같은 데이타가 저장되게 되죠,

전송(submit) 버튼을 한번만 누르게 하는 소스입니다
데이타가 두번 저장되는걸 방지하는 방법입니다.

원리는 전송버튼이 눌러지면 자동으로 스크립트로 버튼을 disabled(비활성화) 상태로 바꾸어버립니다.
[5] select박스에 option값을 채우는 예제 [Preview]
select박스에 option값을 채우는 예제입니다..
[6] 속력 수치 변환기 입니다. [Preview]
속력 수치 변환기로
선택한 속력 수치를 선택해서 변환하면 해당 값이 표시됩니다.
[7] 날자 선택기 입니다. [Preview]
날자 선택기 입니다.. ^^
[8] 업로드 파일의 확장자를 체크하는 스크립트 [Preview]
<input type=file name=file>에서 업로드하려는 파일의 확장자를 확인하고 싶은 경우 사용하면 되는
예제입니다.

또는 속성을 이용한 방법은
태그안에

accept="image/gif,image/jpeg"

를 넣어주는 방법이 있습니다.
도움되시길 바랍니다.
[9] 수학문제를 만들어주는 소스입니다. [Preview]
수학문제를 만들어 주는 소스입니다...
2개의 식이 있는데...
이 식의 X와 Y엔 같은 값이 들어가게 됩니다...

한번 해보세요. ^^
[10] 또 다른 풀다운 다중 설렉터 [Preview]
또 다른 풀다운 다중 설렉터 입니다

해피에 있는 다른 소스와는 사용이 훨신 간단하네요..
[11] 날자를 오름차순/내림차순으로 정렬하는 소스입니다. [Preview]
지정된 날자를 오름차순 혹은 내림차순으로 정렬하는 소스입니다.
[12] 숫자를 지정된 형식으로 받는 소스입니다. (원제 : dFilter) [Preview]
숫자만 지정된 형식으로 받는 소스입니다..

소스 사용법은 간단합니다..
미리보기로 예제를 보세요.. ^^
[13] 파일이름에 빈공간을 체크하는 소스입니다. [Preview]
파일이름에 빈공간을 체크하는 소스입니다..

이 소스를 응용하면 서버측 언어에서 체크하기 전에
자스에서 왠만한건 대부분 체크가 가능합니다...
(그래도... 서버측 언어에서 확실히 체크 하세요..)
[14] 검색엔진을 선택하여 검색하는 소스입니다... [Preview]
검색엔진을 선택하여 검색하는 소스로 먼저 검색어를 입력하고 검색엔진을 선택하면
적혀진 검색어를 검색합니다..
[15] textarea의 입력값을 잘라내는 소스입니다. [Preview]
textarea에서 블럭진 부분을 제외하고 모두 잘려나가는 소스입니다...
[16] URL Form [Preview]
주소창뿐만이 아니라 페이지에서도 다른 페이지로 연결을 할 수 있는 주소창입니다
[17] 몇가지 옵션이 포함된 계산기 입니다. [Preview]
몇가지 옵셥이 참부된 계산기 소스로
수학적으로 사용하면 좋겠네요...
[18] 이미지의 경로를 text박스에 표시하는 소스입니다. [Preview]
이미지를 클릭하면 해당 이미지의 경로가 text박스에 표시되는 소스입니다..
[19] textarea에 입력수를 제한하는 소스입니다. [Preview]
textarea에 입력값을 제한하며 입력값이 넘으면 -로 표시됩니다...
[20] 2진법 -> 10진법 -> 2진법 변환 소스입니다. [Preview]
2진법에서 10진법으로 숫자를 변환하고
반대로 10진법에서 2진법으로 숫자를바꾸는 소스입니다.
    [1] [2] [3] [4]    
Javascript Source List :