입력 값 체크 공통 적용

src/main/webapp/app/oper/OPER03010.html

@@ -118,13 +118,13 @@
 											<label class="col-xs-2 itp_lb">사업자번호 *</label>
 											<div class="col-xs-4 itp_ip">
 												<div class="col-xs-7 itp_in">
-													<input type="text" id="ITP_FORM_OPER03010_DETAIL_BSNS_REG_NO" data-check-required="empty,number" class="form-control itp_input" name="bsnsRegNo" value="">
+													<input type="text" id="ITP_FORM_OPER03010_DETAIL_BSNS_REG_NO" data-check-required="empty,number" data-key-up="regNo" class="form-control itp_input" name="bsnsRegNo" value="">
 												</div>
 											</div>
 											<label class="col-xs-2 itp_lb">법인번호</label>
 											<div class="col-xs-4 itp_ip">
 												<div class="col-xs-6 itp_in">
-													<input type="text" id="ITP_FORM_OPER03010_DETAIL_CORP_REG_NO" class="form-control itp_input" name="corpRegNo" value="">
+													<input type="text" id="ITP_FORM_OPER03010_DETAIL_CORP_REG_NO" data-key-up="regNo" class="form-control itp_input" name="corpRegNo" value="">
 												</div>
 												<div class="col-xs-3 itp_in">
 
@@ -148,7 +148,7 @@
 											<label class="col-xs-2 itp_lb">전화번호 *</label>
 											<div class="col-xs-4 itp_ip">
 												<div class="col-xs-7 itp_in">
-													<input type="text" id="ITP_FORM_OPER03010_DETAIL_TEL_NO" data-check-required="empty" class="form-control itp_input" name="rprstTelNo" value="">
+													<input type="text" id="ITP_FORM_OPER03010_DETAIL_TEL_NO" data-check-required="empty" data-key-up="tel" class="form-control itp_input" name="rprstTelNo" value="">
 												</div>
 											</div>
 											<label class="col-xs-2 itp_lb" style="border-top:none;">가맹점 로고</label>
@@ -158,10 +158,10 @@
 											</div>
 										</div>
 										<div class="form-group">
-											<label class="col-xs-2 itp_lb">FAX *</label>
+											<label class="col-xs-2 itp_lb">FAX</label>
 											<div class="col-xs-4 itp_ip">
 												<div class="col-xs-7 itp_in">
-													<input type="text" id="ITP_FORM_OPER03010_DETAIL_FAX_NO" data-check-required="empty" class="form-control itp_input" name="rprstFaxNo" value="">
+													<input type="text" id="ITP_FORM_OPER03010_DETAIL_FAX_NO" data-key-up="tel" class="form-control itp_input" name="rprstFaxNo" value="">
 												</div>
 											</div>
 											<label class="col-xs-2 itp_lb"style="border-top:none;"></label>
@@ -206,7 +206,7 @@
 											<label class="col-xs-2 itp_lb">대표자연락처 *</label>
 											<div class="col-xs-4 itp_ip">
 												<div class="col-xs-7 itp_in">
-													<input type="text" id="ITP_FORM_OPER03010_DETAIL_OWNER_TEL_NO" data-check-required="empty" class="form-control itp_input" name="ownerTelNo" value="">
+													<input type="text" id="ITP_FORM_OPER03010_DETAIL_OWNER_TEL_NO" data-check-required="empty" data-key-up="tel" class="form-control itp_input" name="ownerTelNo" value="">
 												</div>
 											</div>
 											<label class="col-xs-2 itp_lb">계약기간 *</label>
@@ -226,13 +226,13 @@
 											<label class="col-xs-2 itp_lb">주소 *</label>
 											<div class="col-xs-10 itp_ip">
 												<div class="col-xs-1 itp_in">
-													<input type="text" id="ITP_FORM_OPER03010_DETAIL_ZIPNO" data-check-required="empty" data-alert-required="ONLYCHK" class="form-control itp_input" name="zipNo" value="" maxlength="6" readonly placeholder="우편번호">
+													<input type="text" id="ITP_FORM_OPER03010_DETAIL_ZIPNO" data-check-required="empty" data-alert-required="ONLYCHK" data-alert-msg="address" class="form-control itp_input" name="zipNo" value="" maxlength="6" readonly placeholder="우편번호">
 												</div>
 												<div class="col-xs-1 itp_in">
 													<button type="button" id="ITP_FORM_OPER03010_DETAIL_ADRES_SCH" class="btn btn-primary btn-sm SHOW" style="margin: -1px 0px 0px 3px;">&nbsp;&nbsp;주소검색&nbsp;&nbsp;</button>
 												</div>
 												<div class="col-xs-4 itp_in" style="margin-right: 5px; margin-left:20px;">
-													<input type="text" id="ITP_FORM_OPER03010_DETAIL_ADRES" data-check-required="empty" data-alert-required="ONLYCHK" class="form-control itp_input" name="addr1" value="" readonly placeholder="기본주소">
+													<input type="text" id="ITP_FORM_OPER03010_DETAIL_ADRES" data-check-required="empty" data-alert-required="ONLYCHK" data-alert-msg="address" class="form-control itp_input" name="addr1" value="" readonly placeholder="기본주소">
 												</div>
 												<div class="col-xs-4 itp_in">
 													<input type="text" id="ITP_FORM_OPER03010_DETAIL_ADRES_DTL" data-check-required="empty" class="form-control itp_input" name="addr2" value="" placeholder="상세주소">

src/main/webapp/app/oper/OPER03011.html

@@ -221,13 +221,13 @@
 											<label class="col-xs-2 itp_lb">주소 *</label>
 											<div class="col-xs-10 itp_ip">
 												<div class="col-xs-1 itp_in">
-													<input type="text" id="ITP_FORM_OPER03011_DETAIL_ZIPNO" data-check-required="empty" data-alert-required="ONLYCHK" class="form-control itp_input" name="zipNo" value="" maxlength="6" readonly placeholder="우편번호">
+													<input type="text" id="ITP_FORM_OPER03011_DETAIL_ZIPNO" data-check-required="empty" data-alert-required="ONLYCHK" data-alert-msg="address" class="form-control itp_input" name="zipNo" value="" maxlength="6" readonly placeholder="우편번호">
 												</div>
 												<div class="col-xs-1 itp_in">
 													<button type="button" id="ITP_FORM_OPER03011_DETAIL_ADRES_SCH" class="btn btn-primary btn-sm SHOW" style="margin: -1px 0px 0px 3px;">&nbsp;&nbsp;주소검색&nbsp;&nbsp;</button>
 												</div>
 												<div class="col-xs-4 itp_in" style="margin-right: 5px; margin-left:20px;">
-													<input type="text" id="ITP_FORM_OPER03011_DETAIL_ADRES" data-check-required="empty" data-alert-required="ONLYCHK" class="form-control itp_input" name="addr1" value="" readonly placeholder="기본주소">
+													<input type="text" id="ITP_FORM_OPER03011_DETAIL_ADRES" data-check-required="empty" data-alert-required="ONLYCHK" data-alert-msg="address" class="form-control itp_input" name="addr1" value="" readonly placeholder="기본주소">
 												</div>
 												<div class="col-xs-4 itp_in">
 													<input type="text" id="ITP_FORM_OPER03011_DETAIL_ADRES_DTL" data-check-required="empty" class="form-control itp_input" name="addr2" value="" placeholder="상세주소">

src/main/webapp/js/app/config.js

@@ -2968,19 +2968,52 @@ var itp_fn_set_timeout = {
 };
 
 var itp_fn_is_valid = (formId) => {
-	var isValid = false;
-	$(formId).find('input, select, checkbox, textarea').each(function(k) {
-		if($(this).data('check-required')) {
-			var arry = $(this).data('check-required').split(',');
-			var alertMsg = $(this).data('alert-required');
-			isValid = itp_fn_form_validate(formId, '#' + $(this).attr('id'), arry, undefined, alertMsg);
-			if(!isValid) {
-				if(alertMsg && alertMsg.length > 0) {
-					itp_fn_modal_alert($(this).data('alert-msg'));
+};
+
+// 2022-11-02 수발주 추가
+let itp_fn_form_event = {
+	onKeyup: function(formId) {
+		$(formId).find('input[data-key-up]').on('keyup', function() {
+			let value = '';
+			let arry = $(this).data('key-up').split(',');
+			if ($.inArray('number', arry) > -1) {
+				value = $(this).val().replace(/[^0-9]/g, "");
+			}
+			if ($.inArray('comma', arry) > -1) {
+				value = $(this).val().replace(/[^0-9]/g, "").replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+			}
+			if ($.inArray('regNo', arry) > -1) {
+				value = $(this).val().replace(/[^0-9]/g, "")
+					.replace(/(^[0-9]{3}|^0[0-9]{2})([0-9]+)?([0-9]{5})$/,"$1-$2-$3")
+			}
+			if ($.inArray('tel', arry) > -1) {
+				value = ($(this).val().startsWith('0')) ? $(this).val().replace(/[^0-9]/g, "")
+					.replace(/(^02|^0505|^1[0-9]{3}|^0[0-9]{2})([0-9]+)?([0-9]{4})$/,"$1-$2-$3")
+					.replace("--", "-") : '';
+			}
+			$(this).val(value);
+		});
+	},
+	removeChar: function(formId) {
+		$(formId).find('input[data-key-up]').each(function() {
+			$(this).val($(this).val().replace(/[^0-9]/g, ""));
+		});
+	},
+	isValid: function(formId) {
+		var isValid = false;
+		$(formId).find('input, select, checkbox, textarea').each(function(k) {
+			if($(this).data('check-required')) {
+				var arry = $(this).data('check-required').split(',');
+				var alertMsg = $(this).data('alert-required');
+				isValid = itp_fn_form_validate(formId, '#' + $(this).attr('id'), arry, undefined, alertMsg);
+				if(!isValid) {
+					if(alertMsg && alertMsg.length > 0) {
+						itp_fn_modal_alert($(this).data('alert-msg'));
+					}
+					return false;
 				}
-				return false;
 			}
-		}
-	});
-	return isValid;
+		});
+		return isValid;
+	}
 };

src/main/webapp/js/app/oper/ITP_OPER03010.js

@@ -159,6 +159,7 @@ let pageObj = {
 	ui: {
 		init: function () {
 			this.view();
+			this.form();
 			this.grid();
 			this.ready();
 		},
@@ -175,6 +176,16 @@ let pageObj = {
 
 			// 조회일자 지정
 			$('#ITP_TAB_OPER03010 .input-group.date').datepicker(ITP_DATE_LANGUAGE);
+
+			// form alert message 주입
+			$('input[data-alert-required="ONLYCHK"]').each(function() {
+				if($(this).data('alert-msg') === 'address') {
+					$(this).data('alert-msg', ITP_MSG_LOCALE.message.form.emptyAddr);
+				}
+			});
+		},
+		form: function() {
+			itp_fn_form_event.onKeyup('#ITP_FORM_OPER03010_DETAIL');
 		},
 		grid: function() {
 			itp_fn_jqgrid_resize(OPER03010_GRID_ID, OPER03010_GRID_LIST, 'lg');
@@ -427,7 +438,6 @@ let listObj = {
 		reload : function() {
 			var _this = this;
 			$(OPER03010_GRID_EMPTY).off('click').on('click', function() {
-				_this.itp_fn_OPER03010_empty.back();
 				pageObj.itp_OPER03010_param.gridSize = $.jgrid.defaults.rowNum;
 				$(OPER03010_GRID_ID).setGridParam({'postData': JSON.stringify(pageObj.itp_OPER03010_param)}).trigger('reloadGrid');
 			});
@@ -577,26 +587,10 @@ let createObj = {
 		},
 		save: function() {
 			const formId = '#ITP_FORM_OPER03010_DETAIL';
+			itp_fn_form_event.removeChar('#ITP_FORM_OPER03010_DETAIL');
 			itp_fn_form_clear_validate(null, formId);
-			// var vali_cmpyCd = itp_fn_form_validate(formId, formId + '_CMPY_CD', ['empty'], undefined);
-			// var vali_cmpyStatCd = itp_fn_form_validate(formId, formId + '_CMPY_STAT_CD', ['empty'], undefined);
-			// var vali_cmpyTypeCd = itp_fn_form_validate(formId, formId + '_CMPY_TYPE_CD', ['empty'], undefined);
-			// var vali_cmpyNm = itp_fn_form_validate(formId, formId + '_CMPY_NM', ['empty'], undefined);
-			// var vali_bossNm = itp_fn_form_validate(formId, formId + '_BOSS_NM', ['empty'], undefined);
-			// var vali_mainTel = itp_fn_form_validate(formId, formId + '_MAIN_TEL', ['empty'], undefined);
-			// var vali_mainEmail = itp_fn_form_validate(formId, formId + 'MAIN_EMAIL', ['empty'], undefined);
-
-			var isValid = false;
-			$(formId).find('input, select, checkbox, textarea').each(function(k) {
-				if($(this).data('check-required')) {
-					var arry = $(this).data('check-required').split(',');
-					isValid = itp_fn_form_validate(formId, '#' + $(this).attr('id'), arry, undefined);
-					if(!isValid) return false;
-				}
-			});
 
-			// if (vali_cmpyCd && vali_cmpyStatCd && vali_cmpyTypeCd && vali_cmpyNm && vali_bossNm && vali_mainTel && vali_mainEmail) {
-			if (isValid) {
+			if (itp_fn_form_event.isValid(formId)) {
 
 				if($('#ITP_FORM_OPER03010_DETAIL_CMPY_ZIPNO').val() === '' || $('#ITP_FORM_OPER03010_DETAIL_CMPY_ADRES').val() === '') {
 					itp_fn_modal_alert('주소 검색을 통해 회사 주소를 입력하세요.');

src/main/webapp/js/app/oper/ITP_OPER03011.js

@@ -130,6 +130,13 @@ let pageObj = {
 
 			// 조회일자 지정
 			$('#ITP_TAB_OPER03011 .input-group.date').datepicker(ITP_DATE_LANGUAGE);
+
+			// form alert message 주입
+			$('input[data-alert-required="ONLYCHK"]').each(function() {
+				if($(this).data('alert-msg') === 'address') {
+					$(this).data('alert-msg', ITP_MSG_LOCALE.message.form.emptyAddr);
+				}
+			});
 		},
 		grid: function() {
 		},
@@ -192,8 +199,6 @@ let pageObj = {
 			$('#ITP_FORM_OPER03011_DETAIL_AFFL_SHOP_KEY').prop('readonly', true);
 			$('#ITP_BTN_OPER03011_DETAIL_AFFL_SHOP_KEY').prop('disabled', true);
 
-			$('input[id=ITP_FORM_OPER03011_DETAIL_ADRES]').data('alert-msg', ITP_MSG_LOCALE.message.form.emptyAddr);
-			$('input[id=ITP_FORM_OPER03011_DETAIL_ADRES_DTL]').data('alert-msg', ITP_MSG_LOCALE.message.form.emptyAddr);
 		} else if(mode === 'VIEW') { // 보기
 			$('#ITP_AJAX_OPER03011_VIEW_CONTAINER').show();
 			fn_show_btn_auth_array(['#ITP_BTN_OPER03011_MODIFY']);
@@ -352,12 +357,12 @@ let modifyObj = {
 			itp_fn_form_clear_validate(null, formId);
 
 			// if (vali_cmpyCd && vali_cmpyStatCd && vali_cmpyTypeCd && vali_cmpyNm && vali_bossNm && vali_mainTel && vali_mainEmail) {
-			if (itp_fn_is_valid(formId)) {
+			if (itp_fn_form_event.isValid(formId)) {
 
-				if($('#ITP_FORM_OPER03011_DETAIL_CMPY_ZIPNO').val() === '' || $('#ITP_FORM_OPER03011_DETAIL_CMPY_ADRES').val() === '') {
-					itp_fn_modal_alert('주소 검색을 통해 회사 주소를 입력하세요.');
-					return;
-				}
+				// if($('#ITP_FORM_OPER03011_DETAIL_CMPY_ZIPNO').val() === '' || $('#ITP_FORM_OPER03011_DETAIL_CMPY_ADRES').val() === '') {
+				// 	itp_fn_modal_alert('주소 검색을 통해 회사 주소를 입력하세요.');
+				// 	return;
+				// }
 
 				if (ITP_FORM_OPER03011_DETAIL_IS_DUPLICATE) {
 					itp_fn_modal_duplicate('회사코드 중복체크를 해주세요.', formId + '_AFFL_SHOP_ID');

src/main/webapp/js/app/stinfo/ITP_STINFO06010.js

@@ -266,9 +266,14 @@ let pageObj = {
 		} else if(mode == 'ADD') { // 등록
 			itp_fn_form_clear_validate(null, '#ITP_FORM_STINFO07010_DETAIL');
 
-			$('#ITP_AJAX_STINFO06010_DETAIL_CONTAINER').show();
-			fn_show_btn_auth_array(['#ITP_BTN_STINFO06010_SRH', '#ITP_BTN_STINFO06010_CANCELLIST', '#ITP_BTN_STINFO06010_SAVE']);
+			$('#ITP_FORM_STINFO06010_DETAIL').find('input, textarea, select, checkbox').each(function(i, elem) {
+				$(this).attr('id') === 'ITP_FORM_STINFO06010_DETAIL_VIEW_CD' ? $(this).val('C') : $(this).val('');
+				if(elem.type === 'select') {
+					$(this).val('').prop('selected', true);
+				}
+			});
 
+			$('#ITP_AJAX_STINFO06010_DETAIL_CONTAINER').show();
 			fn_show_btn_auth_array(['#ITP_BTN_STINFO06010_CANCELLIST', '#ITP_BTN_STINFO06010_SAVE']);
 
 			$('#ITP_BTN_STINFO06010_DETAIL_SEARCH_STORE').removeAttr('disabled');
@@ -277,7 +282,6 @@ let pageObj = {
 			$('#ITP_FORM_STINFO06010_DETAIL_BRAND_ID').val(fn_make_user_info.get('brandId'));
 		} else if(mode == 'MODIFY') { // 수정
 			$('#ITP_AJAX_STINFO06010_DETAIL_CONTAINER').show();
-			fn_show_btn_auth_array(['#ITP_BTN_STINFO06010_SRH', '#ITP_BTN_STINFO06010_CANCELLIST', '#ITP_BTN_STINFO06010_SAVE', '#ITP_BTN_STINFO06010_RESET_PW']);
 			if(fn_make_user_info.get('authTpCd') === '50') {
 				fn_show_btn_auth_array(['#ITP_BTN_STINFO06010_CANCELLIST']);
 			} else {
@@ -504,25 +508,25 @@ let createObj = {
 			const formId = '#ITP_FORM_STINFO06010_DETAIL';
 			var isValid = true;
 			if(pageObj.screenMode === 'ADD') {
-				isValid = itp_fn_is_valid(formId)
+				isValid = itp_fn_form_event.isValid(formId)
 			}
 			if (isValid) {
 				itp_fn_grid_save_rows(STINFO06010_DETAIL_GRID_ID);
 
 				var rows = $(STINFO06010_DETAIL_GRID_ID).getRowData();
 				let param = {};
-				// var gridInsertData = [];
+				var gridInsertData = [];
 				var gridUpdateData = [];
 				var changeRows = createObj.changeRows(rows);
 				$.each(changeRows, function (index, item) {
 					if(pageObj.screenMode === 'ADD') {
 						item['contSttDt'] = $('#ITP_FORM_STINFO06010_DETAIL_FROM_DT').val();
 						item['contEndDt'] = $('#ITP_FORM_STINFO06010_DETAIL_TO_DT').val();
-						gridUpdateData.push(item);
+						gridInsertData.push(item);
 					} else {
-						if(item.viewCd === 'C' || item.viewCd === 'U') {
-							// 	gridInsertData.push(item);
-							// } else if(item.viewCd === 'U') {
+						if(item.viewCd === 'C') {
+							gridInsertData.push(item);
+						} else if(item.viewCd === 'U') {
 							gridUpdateData.push(item);
 						}
 					}
@@ -530,7 +534,7 @@ let createObj = {
 				param['viewCd'] = 'U';
 				param['brandId'] = fn_make_user_info.get('brandId');
 				param['storeId'] = $('#ITP_FORM_STINFO06010_DETAIL_STORE_ID').val();
-				// param['gridInsertData'] = gridInsertData;
+				param['gridInsertData'] = gridInsertData;
 				param['gridUpdateData'] = gridUpdateData;
 				console.log(JSON.stringify(param));
 				var searhFn = function() {