폼(Form)
폼, 폼의 초기화, 폼 전송, 그리고 폼에 입력된 값을 전송전에 검증하는 것과 관련된 예제들입니다.
[21] 폼에 입력값의 앞뒤를 바꿔주는 소스입니다. [Preview]
폼의 입력값을 서로 바꿔주는 소스입니다...

예를들어서 hello를 입력하고 버튼을 누르면
값이 olleh로 바뀌죠...
[22] 숫자 슬롯머신(?) 입니다.. [Preview]
에궁.. 제목이 빈약하네요....


임튼.. 숫자 슬롯머신 입니다....
3가지의 숫자가 돌면서 아래 버튼 V를 누르면 해당 부분의 숫자가 엄춥니다...
[23] 중복된 문자열을 정리하는 소스입니다. [Preview]
textarea에 입력된 문자열중 중복된 문자열을 삭제 1개로 정리하는 소스입니다...
[24] 폼내용 쿠키에 저장하기 [Preview]
SCRIPT>
function store(survey) {
document.cookie="myname="+survey.name.value+";expires=Sun Dec 31 23:59:59 GMT 2000"
document.cookie="email="+survey.email.value+";expires=Sun Dec 31 23:59:59 GMT 2000"
document.cookie="age="+survey.age.value+";expires=Sun Dec 31 23:59:59 GMT 2000"
document.cookie="zip="+survey.zip.value+";expires=Sun Dec 31 23:59:59 GMT 2000" < .....
[25] 폼에 지정된 변수의 이름을 알필요없이 모든 값이 입력되었는지를 체크하는 방법 [Preview]
<HEAD>

<BODY BGCOLOR=FFFFFF>
<SCRIPT>
function testform(){
if(document.forms[0].elements[0].value==""
|| document.forms[0].elements[1].value==""
|| document.forms[0].elements[2].value==""
|| document.forms[0].elements[3].value==""
|| document.forms[0].elements[4].value==""
|| document.forms[0].elements[5].value=="") {
alert("You must fill in all t .....
[26] submit을 비활설화 시키는 소스 입니다. (원제 : Return Key Disable) [Preview]
submit으로 전송하는 form의 폼형식중 엔터를 치게되면 바로 submit이 되는게 정상이지만
이 소스는 폼에 텍스트가 입력되면 엔터로 submit는 못하고 오로지 버튼을 눌러서 submit를 해여하는 소스 입니다..

한번 해보세요.. ^^
[27] 달력에서 날자를 선택하면 폼으로 선택한 날자가 입력되는 소스 [Preview]
달력을 열어서 선택하면 해당 폼으로 선택한 날자가 들어가는 소스 입니다..

소스가 꽤 깁니다...
자스와 자스 소스 중간에 주석을 달아둔게 있습니다..
그 주석을 잘 보시길 바랍니다..

그럼.. ^^
[28] 입력값이 다른 폼으로 복사가 되도록 하는 소스입니다. [Preview]
같은 폼에 존재하는 input text형식의 값이 다른 폼에도 복사되는 소스 입니다...

설명이 이상하네요. .^^;;
미리보기 하셔서 한번 해보세요.. ^^
[29] select박스의 내용을 검색하는 소스 입니다 [Preview]
select박스의 option을 검사하는 소스로 text형식의 폼에 값을 입력했을시
해당되는 option이 있으면 커서를 옮겨주는 소스 입니다.
[30] 폼이 늘어나면서 지정된 입력수만큼만 입력이 가능하도록 하는 소스 입니다.. [Preview]
input text에 최소 입력과 최대 입력 글자수를 정해두고
이 최소 입력이 넘게되면 input text가 지정된 입력만큼 늘어나는 소스 입니다.
[31] 스톱워치 소스 입니다. [Preview]
스톱워치 소스 입니다..
스톱워치는 밀리초와 초 이렇게 2가지가 있습니다..
[32] 페이지 소스를 보여주는 소스 입니다.. [Preview]
view-source를 이용하여 페이지 소스를 보여주는 소스 입니다..

폼에 url을 적고 버튼을 누르면 해당 페이지의 소스가 열리게 됩니다..
[33] 각 checkbox의 값을 게산하는 소스 입니다.. [Preview]
각 checkbox의 값을 계산하는 소스 입니다..
checkbox는 간단히 추가하여 몇가지 수정만하면
여러개 사용할 수 있습니다.. ^^
[34] E-Mail 주소를 검사하는 소스 입니다.. [Preview]
메일 주소를 검사하는 소스 입니다..

하지만.. 이 소스는 간단히 id@domain만으로도 맞는 주소라고 나오네요.. ^^;;


예제 소스에서 사용 가능한 도메인은
.com
.net
.pe.kr
.co.kr
.org

이렇게 5개 입니다.. ^^
[35] select박스내 값들을 찾는 소스 입니다.. [Preview]
select박스내 여러 값을 찾는 소스 입니다..

[36] 각 값들이 text박스에 입력되는 소스 입니다.. [Preview]
테이블내 값들을 누르게 되면 아래 text박스에 입력되는 소스 입니다..
[37] text박스에 글이 있을때만 버튼이 활성화 되는 소스 [Preview]
버튼이 기본적으로 disabled되어 있다가 text박스에 글자나 숫자 등 문자가 입력되면
이 버튼이 활성되 되는 소스 입니다..
[38] select와 select의 값을 서로 넘기는 소스 입니다. (원제:Move Dual List) [Preview]
2개의 select박스의 값을 서로 넘길 수 있도록 하는 소스 입니다.

^^

[39] 바튼에 메세지가 나오는 자스 소스 [Preview]
버튼을 누르면 버튼에 메세지가 나오며 이 버튼을
계속 누르면 메세지 나오는 속력이 빨라집니다..

[40] 체인징 되는 뉴스 소스 [Preview]
체인징 되는 뉴스 버튼 입니다.

여러개의 뉴스를 만들 수 있으며 각 해당되는 뉴스의 경로를 두어
뉴스를 누르면 해당되는 경로로 이동되는 소스 입니다.
    [1] [2] [3] [4]    
Javascript Source List :