Full Stack Web Developer.
Syaku (샤쿠)

Java, JS (ES6+), Spring, Spring security, jQuery, Reactjs, Bootstrap.

        

07-12 08:23


Spring Boot 2 보기 Front-end 보기 DevOps 보기 Spring 3 보기 Spring Security 3 보기

폼 전송 일괄처리


입력 폼 데이터를 서버로 전송 되기 전에 거쳐야 할 다양한 시나리오를 처리해주는 역할을 합니다.
예를들어 쓰기 페이지에서 데이터를 서버로 전송하기 위해 올바른 데이터인지 검증할 필요가 있습니다. 본 작업을 폼 유효성 검사라고 하겠습니다.
입력 폼내의 한글 이름 값이 제대로 입력되었는 지, 글자 길이는 최소2자에서 4자이하인지, 숫자로 입력되었는 지를 자바스크립트 함수로 코딩하는 것이 아니라, 쿼리 문자열의 조합으로 간결처리할 수 있습니다.

아래 그림처럼 Action 은 유동적이고, 간소하고, 가독성이 높으며, 재사용이 용이하다.

 

처리 흐름도


 

체킹의 종류

쿼리의 시작은 꼭 & 로 하셔야합니다.

쿼리 설명
&notnull=엘리먼트id속성 값이 notnull 인 경우 다음 태그를 계속 진행함.
쿼리 문자열 순서가 첫번째여야 함.
&null=엘리먼트id속성 값이 null 인 경우 다음 태그를 계속 진행함.
쿼리 문자열 순서가 첫번째여야 함.
&array=최소수,최대수 선택 및 체크수가 일치해야 함.
&min=최소글자수 값의 글자수가 일치해야함.
&max=최대글자수 값의 글자수가 일치해야함.
비교연산
(예약어 없음)
$ 포함한 값인 경우 엘리먼트 id 속성으로 인식함
! 포함한 값인 경우 같지 않음으로 인식함.

$aaa=$bbb : aaa.value 와 bbb.value 일치하지 않을 경우 오류 발생
$aaa=!$bbb : aaa.value 와 bbb.value 일치할 경우 오류 발생
$aaa=가나다 : aaa.value 의 값은 가나다 가 아닌 경우 오류 발생

 

필터의 종류

쿼리의 시작은 꼭 & 로 하셔야하며 필터 네임은 filter 입니다.

쿼리 설명
&filter=user_id 값이 아이디 형식
첫글자를 영문으로 시작하여 숫자 및 _ 포함한 값이여야함
&filter=user_name 값이 이름 형식
한글,영문,숫자를 포함한 값이여야함
&filter=url 값이 URL 형식의 패턴 (예) http://syaku.tistory.com
&filter=dot_ip 값이 IP 형식의 패턴 (예) 192.168.0.1
&filter=domain 값이 도메인 형식의 패턴 (예) syaku.tistory.com
&filter=hyphen_contact 값이 하이픈을 포함한 연락처 형식의 패턴 (예) 02-000-0000
&filter=int 값이 숫자 형식
&filter=ko 값이 한글 형식
&filter=ko_int 값이 한글,숫자 포함한 형식
&filter=en 값이 영문 형식
&filter=en_int 값이 영문,숫자 포함한 형식
&filter=hyphen_jumin 값이 하이픈을 포함한 주민등록번호 형식의 패턴 (예)111111-1111111
&filter=email 값이 이메일 형식의 패턴 (예) syaku@abc.com
&filter=notnull 값이 빈 값이 아닌 경우

 

질문 메세지 종류

모든 과정이 완료되고 서버에 전송하기 전에 전송 여부를 체크할 수 있습니다. (예약어는 메세지 xml에 기록되며, 확장이 가능합니다.)

예약어 설명
insert 등록하시겠습니까?
delete 삭제하시겠습니까?
update 수정하시겠습니까?
execute 진행하시겠습니까?
cancel 취소하시겠습니까?
apply 적용하시겠습니까?

  

written by Seok Kyun. Choi. 최석균.
http://www.cyworld.com/syaku
http://syaku.tistory.com

'개발노트 > JavaScript' 카테고리의 다른 글

Action Framework  (0) 2009.04.15
폼 전송 일괄처리 : submit 전송 목록 폼 예제  (0) 2009.04.07
폼 전송 일괄처리  (0) 2009.04.07
페이지네비게이션 구현  (0) 2009.04.06
특정 id 엘리먼트의 value 값 넣기  (0) 2009.04.06
댓글 남기기
◀ PREV 1···789101112131415···19 NEXT ▶