웹개발
Category
JSP/Servlet
ASP
ASP.NET
PHP
웹디자인
Category
Photoshop
Illustrator
Flash
클라이언트 스크립트
Category
●
Javascript Example
Javascript
CSS3
HTML5
데이타 베이스
Category
MySQL
MSSQL
커뮤니티
Category
공지사항
개발자마당
엔지니어마당
자유마당
플래쉬게임
여행과정보
질문과 답변
Category
웹개발 질문과답변
디자인 질문과답변
자료실
Category
이미지 자료실
개발 자료실
클럽
Category
자동차클럽
하늘소리
공이랑
Javascript Example
Javascript
CSS3
HTML5
Javascript Example
제 목
[INPUT BOX] 정규식을 이용한 간단한 폼체크
작성자
운영자
등록일
20080916192708
조회수
24,781
정규식을 이용해서 아이디(uid)는 영문과 숫자만 허용, 이름에는 공백 문자의 사용여부, 이메일은 형식과 일치하는지를 체크하는 폼체크(form check) 자바스크립트 소스입니다.
www.webmadang.net
아이디
이 름
이메일
<html> <head> <title>www.webmadang.net</title> <meta http-equiv="Content-Type" content="text/html; charset=euc-kr"> <script type="text/javascript"> var p1 = /^[0-9a-z_]*$/i; // 영문숫자 패턴 var p2 = /\s/; // 공백문자 패턴 var p3 = /(\S+)@(\S+)\.(\S+)/; //이메일 패턴 function formCheck(){ var frm = document.form; // 아이디 체크 if( !p1.exec(frm.uid.value) || frm.uid.value.length < 8 ){ alert("아이디는 8자 이상의 공백없는 영문과 숫자로만 구성됩니다!!"); frm.uid.focus(); return; } // 이름 체크 if( p2.exec(frm.name.value) || frm.name.value.length == 0 ){ alert("이름을 공백없이 입력해 주세요!!"); frm.name.focus(); return; } //-- 이메일 체크 if( !p3.exec(frm.email.value) ){ alert("옳바른 이메일 주소가 아닙니다!!!이메일 주소를 확인하세요"); frm.email.focus(); return; } alert("모든 항목을 훌륭하게 입력하셨습니다."); } </script> </head> <body> <form name="form"> <table width="300" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="70">아이디</td> <td width="230"> <input type="text" name="uid" size="30"> </td> </tr> <tr> <td>이 름</td> <td> <input type="text" name="name" size="30"> </td> </tr> <tr> <td>이메일</td> <td> <input type="text" name="email" size="30"> </td> </tr> <tr> <td colspan="2" align="center"> <input type="button" name="button" value="확인" onClick="formCheck();"> </td> </tr> </table> </form> </body> </html>
0
0
※ 짧은 댓글일수록 예의를 갖추어 작성해 주시기 바랍니다.
번호
제목
글쓴이
추천
조회
날짜
288
[CHECKBOX] 체크박스 한번에 선택/해제하기 (#2)
운영자
0 /
0
24837
2008-10-22
287
[MENU] 트랜지션효과 드롭다운 메뉴
운영자
2 /
1
27865
2008-10-08
286
[SELECTBOX] SELECT 박스에 새로운 항목이 추가됩니다.
운영자
0 /
0
26023
2008-10-06
285
[TIME] 오늘날짜와 이전,이후 날짜 구하기
운영자
1 /
0
24928
2008-10-03
284
[MENU] 사라졌다 나오는 LEFT 메뉴
운영자
0 /
0
31391
2008-10-02
283
[TEXTAREA] Text Area 뉴스 스티커
운영자
0 /
0
24065
2008-10-01
282
[CHECK BOX] 체크박스에 체크한 값 가져오기
운영자
8 /
32
58927
2008-09-30
281
[LOGIN] 로그인 유효성 검사
운영자
6 /
0
41197
2008-09-27
280
[INPUT BOX] 포커스 이동에 따른 이벤트
운영자
0 /
0
25751
2008-09-27
279
[INPUT BOX] 문자 코드값 알아내기
운영자
0 /
0
24393
2008-09-27
278
[POPUP] 팝업 생성기
운영자
0 /
0
25878
2008-09-26
277
[MENU] 토글메뉴
운영자
0 /
0
29252
2008-09-25
276
[INPUT BOX] 동적으로 INPUT BOX 생성하기
[1]
운영자
2 /
0
29534
2008-09-25
275
[EDITOR] 이지웹 에디터
운영자
0 /
0
27639
2008-09-24
274
[INPUT BOX] INPUT 박스에 지정한 갯수가 차면 커서가 다음 박스로 이동하는 소..
운영자
0 /
0
24075
2008-09-24
273
[SELECT] 두개의 셀렉트 박스 이동하기
운영자
0 /
0
26017
2008-09-24
272
[GRAPH] 동적 막대그래프
운영자
0 /
0
29473
2008-09-23
271
[INPUT BOX] 입력이 잘못되면 색상이 강조됩니다.
운영자
0 /
0
26175
2008-09-22
270
[TEXTAREA] 실시간 HTML 뷰어
운영자
0 /
0
28825
2008-09-20
269
[CHECK BOX] 체크폼
운영자
0 /
0
24435
2008-09-19
268
[INPUT BOX] 페이지 로딩시 첫번째 필드의 특정 항목 자동선택 시키기
운영자
0 /
0
25423
2008-09-18
267
[CHECK BOX] 체크박스가 아닌곳을 선택해도 체크가 됩니다.
운영자
0 /
0
23475
2008-09-17
266
[INPUT BOX] 정규식을 이용한 간단한 폼체크
운영자
0 /
0
24781
2008-09-16
265
[TEXT] 텍스트 롤링(Vertical Scrolling) 자바 스크립트 (#3)
운영자
0 /
0
30567
2008-09-16
264
[TEXT] 텍스트 롤링(Vertiacl Scrolling) 자바 스크립트 (#2)
운영자
0 /
0
26715
2008-09-11
[1]
[2]
[3]
4
[5]
[6]
[7]
[8]
[9]
[10]
제목
내용
제목+내용
작성자