공지사항

Downloads 와 SVN 에서 내려받을 수 있습니다. 릴리즈 상세정보는 Wiki 를 참조하세요.

2012.01.31 jQuery Action v2.0.5-p2 버그패치
2012.01.10 jQuery Action v2.0.5-p1 버그패치
2011.09.22 jQuery Action v2.0.5 알기쉬운 데모 추가, 소스 전반적으로 개선

페이지네비게이션의 구조가 변경되어 이전버전과 다릅니다.

2011.07.26 jQuery Action v2.0.4.p1 긴급패치 오타수정
2011.06.15 jQuery Action v2.0.4
2011.01.23 버그 수정
2010.10.14 jQuery Action v2.0.2 긴급패치 $.jaAction 옵션 리셋안한 문제.
2010.10.06 jQuery Action v2.0.1
2010.08.26 정식버전 jQuery Action v2.0.0

svn checkout https://jquery-action.googlecode.com/svn/trunk/ jquery-action --username syaku1220

정보

※ 개발자 블로그 : http://syaku.tistory.com
※ jQuery Action : http://syaku.tistory.com/164
※ 언어 : JavaScript
※ 필수 라이브러리 : jQuery 1.3.2 이상
※ License : GNU Lesser General Public License
※ Demo : 공개소스에 포함
※ Information : http://syaku.tistory.com/164
※ Document : https://docs.google.com/Doc?docid=0AWNiF48pXz7hZGZrN3hwejRfMTlrd2ttczVkYw&hl=ko
※ Google Project Home : http://code.google.com/p/jquery-action
※ Google SVN : http://jquery-action.googlecode.com/svn/trunk/action

소 개

jQuery Action (액션) 은 주기적으로 자주 사용되는 자바스크립트 함수들을 모아 쉽게 재사용할 수 있는 라이브러리화한 자바스크립트 프로그램입니다. 2008년 처음 자바스크립트 언어로 개발하였고, 2.0 버전부터 jQuery 라이브러리를 사용하여 재개발하였습니다.

원래 의도는 HTML 의 폼 데이터(input value)를 서버로 전송하기 전에 해야할 일련의 작업들을 모아 간편하게 재사용하기 위한 라이브러리였습니다. 현재는 기존 의도에서 더 확장되어, 다양한 형태의 UI 나 도구를 포함하고 있습니다.

액션은 jQuery 에 의존하므로 jQuery 1.3.2 이상 라이브러리가 필요하며, 이하버전에서도 가능하나 보장할 수 없습니다.

* jaAction 은 다음과 같은 기능을 제공합니다.

1. 폼 데이터 전송

1) 폼 속성을 제어합니다. <form id='' 속성들~ >
2) 폼 내부의 입력 엘리먼트의 값을 제어합니다. <input value='제어값' />
3) 전송과정이 취소 될 경우 제어된 데이터를 롤백합니다. 전송 전 : <input value='1' /> jaAciton 실행 후 <input value='2' /> jaAction 실행 취소 <input value='1' />
4) submit 와 ajax 방식을 지원합니다. 단 파일 데이터 전송은 지원하지 않습니다.
5) 액션 시작 전 , 폼 데이터 전송 전(submit) , 폼 데이터 전송후 혹은 $.ajax 내부에 존재하는 함수를 이용하여 액션과정에서 인터셉터를 허용하여 임의의 시나리오를 구성할 수 있습니다.

2. 유효성 검사

1) 서버로 전송되기 전에 올바른 값인지를 검사합니다. jaFilter 메소드 참조
2) input radio select 엘리먼트의 값을 검사합니다.
3) 빈값 , 글자수 , 두 엘리먼트 값 비교 , 선택 수 검사합니다.
4) 정규화식을 이용하여 대한민국주민등록번호 , 우편번호 , 연락처 , 메일 , url 등등 검사하며, 정규화식을 이용하여 필요한 필터를 생성(확장)할 수 있습니다.

3. 국제화 메세지 출력

1) 유효성 검사에 맞는 메세지를 완성하여 출력합니다.
2) 서버에 전송 전에 전송할 건지에 관하여 질문 메세지를 출력할 수 있습니다.
3) 자바스크립트 및 xml 데이터를 별도로 이용하기에 명명규칙에 맞취 국제화할 수 있습니다.

* 그외 기능

1. jaPageNavigator : 목록 게시판 하단에 위치하는 페이지 네이비게이션 (페이지 이동 링크) 를 쉽게 구현하며, 기존 디자인 그대로를 가져다가 사용할 수 있습니다.
2. monthpick : 년월을 선택할 수 있는 ui 입니다.
3. jaLayer : 아이프레임을 이용하여 특정 페이지를 레이어로 출력합니다. 현재는 기능이 간소하여 Core 메서드에 내포되지만 기능이 확장되면 분리할 생각입니다.

아래의 소스의 결과는 user_id 엘리먼트에 value 가 없기때문에, 서버로 전송되지 않고, alert 아이디를 입력하세요라는 메세지 이벤트를 발생시킵니다.

<scripnt>
function jaSubmit() {
  $('#form').jaAction({ filter : [{ target : '#user_id' , params : '&filter=notnull&title=아이디' }] });
}
</script>

<form id="form">
<input type="text" name="user_id" id="user_id" />
<input type="button" value="ajax확인" oncilck="jaSubmit();" />
<input type="button" value="submit확인" oncilck="$('#form').jaAction({ send : 'submit'});" />
</form>

파일구조

/action

- /images 이미지 폴더
- demo.html 데모용
- demo.xml 데모용
- jquery.action.css 액션 css
- jquery.action.js 액션 js 라이브러리
- jquery.action-ko.js 액션 문자열 저장소 js