jQuery를 활용한 필수 입력체크

프로젝트 중 갑자기 문득 공통 필수 입력 체크가 있으면 좋겠다는 생각에 허접하지만 열심히 찾아가면서 만들어 보았습니다.

나중에 내가 까먹을까봐 블로그에 포스팅해 둡니다.


// 공통 필수 체크 사용 법은 authMngC.jsp 스크립트 부분 참조
// ex) INPUT, SELECT 등에 'class=required'로 지정 하고 reqName 이란 속성을 지정 reqName='권한명' 이런식으로 입력해준다.
// 셀렉트 박스의 최상위 0번 인덱스는 항상 =선택= 등등 명칭이 들어가야 한다. 0번 인덱스를 기준으로 필수 체크를 하기 때문
// 입력이나 수정등의 명령 실행전 실행하여 flag값을 받아 처리 하면된다. ex) var flag = validation();
function validation() {
 
 var reqs = $(".required");
 var emptyCnt = 0;
 
 if( reqs.length > 0 ) {
  
  $(reqs).each( function(idx) {
   
   var obj_type = $(reqs[idx]); // 필수 항목의 속성들 체크를 위해서
   var obj_name = $(reqs[idx]).attr("reqName");
   
   //alert("obj flag = : " + $(obj_type).is("SELECT") + " / " + $(obj_type).is("INPUT") );
   
   if( $(obj_type).is("INPUT") ) {
    var data = $(obj_type).val().trim();
    var len = data.length;

    if( len < 1 ) {
     openDialog( obj_name + "은 필수 입력 항목입니다.");
     emptyCnt++;
     return false;
    }
   } else if( $(obj_type).is("SELECT") ) {
    var s_index = $(obj_type).attr("selectedIndex");
    
    if( s_index == 0 ) {
     openDialog( obj_name + "은 필수 선택 항목입니다.");
     emptyCnt++;
     return false;
    }
   }
  });
 }
 
 if( emptyCnt == 0 ) {
  return true;
 }
}