폼(Form)
폼, 폼의 초기화, 폼 전송, 그리고 폼에 입력된 값을 전송전에 검증하는 것과 관련된 예제들입니다.
[61] 반드시 적어야할 항목 적고 submit하기 (안적으면 전송불가) [Preview]

회원 가입등을 할때

주민등록번호와 이름 같은 부분을 체크할때 사용하는 스크립트 입니다

정해진 항목은 반드시 적어야 합니다

적지 않으면 전송이 불가능 합니다
[62] 내용을 클릭하면 모두 선택되는 자스 [Preview]
입력폼에 있는

내용을 클릭 하면 (버튼아님)

모든 내용이 선택상태로 변하는 스크립트 입니다
엄밀히 말하자면..옵션입니다..
[63] 입력폼에서 기본값 클릭 하면 사라지기 (해피코멘트 작성자부분) [Preview]
해피 코멘트에서

작성자 부분처럼 기본값이 있고 그걸 클릭 하면

아무것도 없는 상태에서 텍스트를 입력할 수 있는 스크립트 입니다
[64] 폼에 배경이 들어가는 자스입니다. [Preview]
폼에 마우스를 올리면 배경이 들어가는 자스입니다.
[65] 소스가 간단한 계산기 [Preview]
폼으로 소스가 무지 간단한 계산기 입니다.
[66] 원하는 부분에 태그집어넣기 [Preview]
replace 기능을 이용한 스크립트입니다...
선택한 부분의 텍스트와 태그를 넘기고 텍스트와
태그를 합틴다음에 replace시킵니다.
[67] 자바스크립트 이메일 디렉터 - 아웃룩 [Preview]
프롬프트를 띄워서 제목과 받는이를 설정한뒤 아웃룩을 띄우는 스크립트 입니다
[68] 미리 정해진 제목데로 아웃룩을 띄우는 자스 [Preview]
input버튼을 이용하여 제목과 참조를 정해서 아웃룩을 띄워주는 자스 입니다
[69] 이름 물어보고 배경에 깔아주는 자스 [Preview]
로딩시 이름 물어보고 배경에 깔아주는 자스

<body onLoad="setValues()">

<script language="javascript">
<!--
/////////////////////////////////////////////
// :*: Happyscript :*: //
// 소스 : http://www.happyscript.net //
// 편집 and 소스 설명 : Magic //
// E-mail : flyingmagic@hanmail.net //
////////////////////////////////////// .....
[70] 네비게이션 메뉴같이 마우스를 가져가면 폼에 내용 보여주기 [Preview]
마치 네비게이션 메뉴 같이 생긴 링크 입니다

차이점은 폼안에 내용을 보여준다는 것이죠..링크의 설명을 폼안에 보여줍니다
[71] 선택된 리스트 박스의 값 텍스트박스로 넘기고 새창 열기 [Preview]
선택된 리스트 박스의 값 텍스트박스로 넘기고 새창 열기
[72] 입력시 숫자만 허용하기 [Preview]
페이지에서 어떤값을 입력 받을때 숫자만 허용하고 싶은 경우가
있습니다.
이때 참수를 이용하여 숫자가 아닌경우 메세지를 출력합니다.

[73] 텍스트 박스에 날짜값 넣기 [Preview]
텍스트 박스에 날짜값 넣기
[74] 데이타 입력창에서 입력내용 확인 [Preview]
데이타 입력창에서 입력내용 확인
<html>
<head>
<title>게시판</title>
script language="javascript">
<!--
function sendit()
{
//이름
if (document.myform.name.value == "") {
alert("이름을 입력해 주십시오.. please.");
return false;
}
//제목
if (document.myform.title.value == "") {
alert("제목을 입력해 주십시오.., please.");
return false;
}
.....
[75] 페이지내 단어찾아주는 자스 [Preview]
단어를 찾아주는 자스 입니다.
단축키도 있어요.. ^^

<STYLE type=text/css>
.ad{color:black;background-color:white;border:1 solid black}
.adb{color:black;background-color:white;border:1 solid black}
.adf{color:black;background-color:#fff8dd;border:1 solid black}
</STYLE>

<script language="JavaScript">
<!--
/////////////////////////////////////////////
// .....
[76] 폼에 현재 시간 나타내기 [Preview]
폼에 현재 시간을 나타내어 주는 스크립트 입니다
[77] 폼에서 글자 스크롤 시키기 [Preview]
폼에서 글자들이 스크롤 되는 스크립트 입니다
[78] 입력폼에서 타이핑 하는 텍스트 [Preview]
입력 폼에서 스크롤 하는 텍스트 입니다
[79] 폼 입력 글자 수 제한하기 [Preview]
입력폼에서의 최대 입력 글자수를 제한해주는 스크립트 입니다

미리보기는 15자로 되어 있습니다
    [1] [2] [3] [4]    
Javascript Source List :