사용자 정보입력 _modal

사용자 입력버튼 클릭시 모델창으로 팝업창이 생성

//사용자 정보입력
$("#userInsert_Btn").click(function(){ // 사용자 입력버튼 클릭시 userInsertShow() 실행
    userInsertShow();
});
 
 
function userInsertShow(){
    var modalTitle = {};
    modalTitle.formClass = "USER_insertPopup";
    modalTitle.title = "사용자 정보입력";
    
    modalFormClean();
    
    $("#modal_insertForm").attr("class",modalTitle.formClass);// form에 추가할 class
    
    $(".modal-title").html(
            "<strong>"+modalTitle.title+"</strong>" 
    );
    //사원정보 상세보기 
    $("#grid_list_modal").html(
            "<li>" +
            "<label>사원ID</label>  "+
            "<input type='text' name='ename' id='ENAME_insert'>"+
            "<label>자택정보</label>"+
            "<input type='text' name='address' id='ADDRESS_insert' >"+
            "</li>"+
            "<li>" +
            "<label>이름</label>"+
            "<input type='text' name='name' id='NAME_insert' >"+
            "<label>사원번호</label>"+
            "<input type='text' name='dcode' id='DCODE_insert' >"+
            "</li>"+
            "<li>" +
            "<label>부서</label>"+
                "<select name='department' id='DEPARTMENT_insert'>"+
                "<option value='select' selected='selected'>선택해주세요</option>"+
                "<option value='DEPT01' >도서관관리팀</option>"+
                "<option value='DEPT02' >일본사업팀 </option>"+
                "<option value='DEPT03' >디자인팀  </option>"+
                "<option value='DEPT04' >자료관리팀 </option>"+
                "</select>"+
            "<label>직급</label>"+
                "<select name='position' id='POSITION_insert'>"+
                "<option value='select' selected='selected'>선택해주세요</option>"+
                "<option value='W_PO1' >사원 </option>"+
                "<option value='W_PO2' >선임</option>"+
                "<option value='W_PO3' >책임 </option>"+
                "<option value='W_PO4' >과장 </option>"+
                "<option value='W_PO5' >차장 </option>"+
                "<option value='W_PO6' >팀장 </option>"+
                "<option value='W_PO7' >이사 </option>"+
                "</select>"+
            "</li>"+
            "<li>" +
            "<label>생년월일</label>"+
            "<input type='text' name='birthday' id='birthday_piker'>"+ //value='birthday"+data.birthday    +" '
            "<label>입사일</label>"+
            "<input type='text' name='bireday'  id='bireday_piker' >"+ //value='"+data.bireday    +" '
            "</li>"+
            "<li>" +
            "<label>전화번호</label>"+
            "<input type='text' name='phone' id='PHONE_insert'>"+
            "<label>내선번호</label>"+
            "<input type='text' name='exnum' id='EXNUM_insert'>"+
            "</li>"+
            "<li>" +
            "<label>이메일</label>"+
            "<input type='text' name='email' id='EMAIL_insert' >"+
            "<label>사원상태</label>"+
                "<select name='present' id='PRESENT_insert'>"+
                "<option value='select' selected='selected'>선택해주세요</option>"+
                "<option value='W_PE1' >정상회원</option>"+
                "<option value='W_PE2' >대출정지</option>"+
                "<option value='W_PE3' >관리자</option>"+
                "</select>"+
            "</li>"+
            "<li>" +
            "<label>비고</label>"+
            "<input type='text' name='note' id='NOTE_insert' >"+
            "</li>"
    );
    listCss();
    $("#popup_btn").html(
            "<button type='button' id='close' class='btn btn-default' data-dismiss='modal'>닫기</button>"+
            "<button type='button' id='userInsertSave_Btn' class='btn btn-default' data-dismiss='' >입력하기</button>"
    );
    $("#birthday_piker , #bireday_piker").datepicker({
          dateFormat: "yy-mm-dd" // 만약 2011년 4월 29일 선택하면  inputbox 에 '2011/04/29' 로표시
          , changeMonth: true // 월선택 select box 표시 (기본은 false)
          ,changeYear: true  // 년선택 selectbox 표시 (기본은 false)
          ,monthNames: ['1월', '2월', '3월', '4월', '5월', '6월', '7월', '8월', '9월', '10월', '11월', '12월']
          ,monthNamesShort: ['1월', '2월', '3월', '4월', '5월', '6월', '7월', '8월', '9월', '10월', '11월', '12월']
          ,dayNames: ['일', '월', '화', '수', '목', '금', '토']
          ,dayNamesShort: ['일', '월', '화', '수', '목', '금', '토']
          ,dayNamesMin: ['일', '월', '화', '수', '목', '금', '토']
          ,showMonthAfterYear: true
          ,yearSuffix: '년'
    });
    
    $("#userInsertSave_Btn").click(function(){
        var insert = $(".USER_insertPopup").serialize();
    
        // 정규식 체크 - 숫자체크
        var numberCh = /^[0-9]+$/;
        // 정규식체크 - 한글,영문 체크
        var charCh = /^[가-힣a-zA-Z]+$/;
     
     
        if ($("#ENAME_insert").val() == "") {
            alert("사원id를 입력하세요");
            $("#ENAME_insert").focus();
        } else if ($("#ADDRESS_insert").val() == "") {
            alert("자택정보를 입력하세요");
            $("#ADDRESS_insert").focus();
        } else if ($("#NAME_insert").val() == "") {
            alert("이름를 입력하세요");
            $("#NAME_insert").focus();
        } else if ($("#DCODE_insert").val() == "") {
            alert("사원번호를 입력하세요");
            $("#DCODE_insert").focus();
        } else if ($("#DEPARTMENT_insert").val() == "") {
            alert("부서를 입력하세요");
            $("#DEPARTMENT_insert").focus();
        } else if ($("#POSITION_insert").val() == "") {
            alert("직급를 입력하세요");
            $("#POSITION_insert").focus();
        } else if ($("#BIRTHDAY_insert").val() == "") {
            alert("생일을 입력하세요");
            $("#BIRTHDAY_insert").focus();
        } else if ($("#BIREDAY_insert").val() == "") {
            alert("입사일 입력하세요");
            $("#BIREDAY_insert").focus();
        } else if ($("#PHONE_insert").val() == "") {
            alert("전화번호를 입력하세요");
            $("#PHONE_insert").focus();
        } else if ($("#EXNUM_insert").val() == "") {
            alert("내선번호를 입력하세요");
            $("#EXNUM_insert").focus();
        } else if ($("#EMAIL_insert").val() == "") {
            alert("이메일를 입력하세요");
            $("#EMAIL_insert").focus();
        } else if ($("#PRESENT_insert").val() == "select") {
            alert("사원상태를 입력하세요");
            $("#PRESENT_insert").focus();
        }else if(!charCh.test($("#NAME_insert").val())){
            alert("문자를 입력해주세요");
            $("#NAME_insert").focus();
        }else if(!numberCh.test($("#DCODE_insert").val())){
            alert("숫자를 입력해주세요");
            $("#DCODE_insert").focus();
        }else{
            var DCODE = $("#DCODE_insert").val();
            var ENAME = $("#ENAME_insert").val();
            $.ajax({                                
                url: '/library/ChackIdDcode.do',
                type: 'POST',
                data:{"DCODE":DCODE,"ENAME":ENAME},
                contentType: 'application/x-www-form-urlencoded; charset=UTF-8', 
                dataType: 'html',
                async: false,
                success: function(data){
                    var dcode = JSON.parse(data).dcode;
                    var ename = JSON.parse(data).ename;
                    
                    if(dcode!="널값" || ename!="널값"){
                        if(dcode!="널값"){
                            alert("존재하는 사원번호입니다 다시 입력헤주세요.");
                            $("#DCODE_insert").focus();
                        }else if(ename!="널값"){
                            alert("존재하는 아이디입니다 다시 입력헤주세요.");
                            $("#ENAME_insert").focus();
                        }
                    }else {
                        // 사원번호, 사원ID 둘다 널값이면 사원정보입력 실행
                        userInsertSave(insert); 
                    }
                },error:function(request,status,error){
                  console.log("code:"+request.status+"\n"+"message:"
                          +request.responseText+"\n"+"error:"+error);
                alert("실패");
                }
            });
            
            
        }
    });
};
function userInsertSave(insert){
    $.ajax({                                
        url: '/library/user.do',
        type: 'POST',
        data:insert,
      //  contentType: 'application/json; charset=UTF-8', 
        dataType: 'html',
        complete:function(){
            $("#list2").jqGrid({  // jqGrid 리로드
                 url : '/library/gridView.do', 
                 datatype : 'json'}).trigger("reloadGrid"); 
            $("#close").click();
        }
    });
}