|
|
@@ -1,1242 +1,1243 @@
|
|
|
-/*
|
|
|
- * Form Validation Java Script written by gagamel
|
|
|
- *
|
|
|
- * Copyright (c) 2017 gagamel
|
|
|
- * Dual licensed under GPL (GPL-LICENSE.txt) licenses.
|
|
|
- *
|
|
|
- * $Date: 2017-09-20 $
|
|
|
- * $Modify: 2019-03-07 $
|
|
|
- *
|
|
|
- * Using)
|
|
|
- * 1. Add "data-valid-type" and "data-valid-name" attribute to Elements of form
|
|
|
- * ex) <input type="text" name="userNm" data-valid-type="alpahNumeric" data-valid-name="User Name"/>
|
|
|
- *
|
|
|
- * 2. data-valid-type
|
|
|
- * numeric, alphaNumeric, email, cellPhone, ipAddress
|
|
|
- *
|
|
|
- * 3. When submit a form, call "validation()" function.
|
|
|
- * ex)
|
|
|
- * if (!$('#aForm').validation())
|
|
|
- * return;
|
|
|
- */
|
|
|
-(function($) {
|
|
|
- /**
|
|
|
- * Spring Security를 사용하는 경우 Default로 CSRF(Cross Site Request Forgery)가 활성화 되어 있다.
|
|
|
- * 이 때문에 $.ajax 함수를 호출 시 404 에러가 발생한다. 이는 다음과 같이 해결한다.
|
|
|
- *
|
|
|
- * 1. SecurityConfig에 csrf().disable() 설정. <= CSRF(Cross Site Request Forgery) 해제
|
|
|
- * 또는
|
|
|
- * 2. Thymeleaf에서는 csrf 토큰이 hidden input에 자동으로 추가되어 있음으로 아래와 같이 ajax 호출 시 토큰을 Header에 설정한다.
|
|
|
- */
|
|
|
- /*var token = $("meta[name='_csrf']").attr("content");
|
|
|
- var header = $("meta[name='_csrf_header']").attr("content");
|
|
|
- $.ajaxSend(function(e, xhr, options) {
|
|
|
- xhr.setRequestHeader(header, token);
|
|
|
- });*/
|
|
|
-});
|
|
|
-
|
|
|
-var gagajf = {
|
|
|
- /**
|
|
|
- * @type : function
|
|
|
- * @access : public
|
|
|
- * @desc : 값이 null 이거나 white space 문자로만 이루어진 경우 true를 리턴한다.
|
|
|
- * <pre>
|
|
|
- * gagajf.isNull(" ");
|
|
|
- * </pre>
|
|
|
- * 위와같이 사용했을 경우 true를 리턴한다.
|
|
|
- * @param : value - 필수 입력 값
|
|
|
- * @return : boolean. null(혹은 white space) 여부
|
|
|
- * @author : gagamel
|
|
|
- */
|
|
|
- isNull : function(value) {
|
|
|
- if (value == null || (typeof(value) == "string" && value.trim() == ""))
|
|
|
- return true;
|
|
|
-
|
|
|
- return false;
|
|
|
- },
|
|
|
-
|
|
|
- /**
|
|
|
- * @type : function
|
|
|
- * @access : public
|
|
|
- * @desc : 값이 null str로 true를 리턴한다.
|
|
|
- * <pre>
|
|
|
- * gagajf.convNull(item.value, '');
|
|
|
- * </pre>
|
|
|
- * 위와같이 사용했을 경우 item.value 가 null일경우 ''을 리턴한다.
|
|
|
- * @param : value - 필수 입력 값
|
|
|
- * @param : str - 필수 입력 값
|
|
|
- * @return : value or str
|
|
|
- * @author : gagamel
|
|
|
- */
|
|
|
- convNull : function(value, str) {
|
|
|
- if (value == null)
|
|
|
- return str;
|
|
|
-
|
|
|
- return value;
|
|
|
- },
|
|
|
-
|
|
|
- /**
|
|
|
- * 유효한 이벤트 키코드인지 체크
|
|
|
- * @return : 유효한 이벤트 키코드이면 키코드 값, 아니면 -1
|
|
|
- * @since : 2017/09/20
|
|
|
- * @author : gagamel
|
|
|
- */
|
|
|
- getKeyCode : function() {
|
|
|
- // 이벤트 객체와 문자 코드를 호환 가능한 방식으로 얻는다.
|
|
|
- var e = event || window.event; // 키 이벤트 객체
|
|
|
- var keyCode = e.charCode || e.keyCode; // 어떤 키가 눌러졌는가?
|
|
|
-// console.log('keyCode: ' + keyCode);
|
|
|
-
|
|
|
- // Ctrl 키나 Alt 키, ASCII 제어문자, 화살표 등 skip
|
|
|
- if (e.ctrlKey || e.altkey || keyCode < 47) {
|
|
|
- return -1;
|
|
|
- }
|
|
|
-
|
|
|
- return keyCode;
|
|
|
- },
|
|
|
-
|
|
|
- /**
|
|
|
- * 값이 정규표현식에 부합하는지는 체크한다.
|
|
|
- * @param : el - 엘리먼트
|
|
|
- * @param : regexp - 정규표현식
|
|
|
- * @param : type - 엘리먼트 type
|
|
|
- * @return : 부합하는 경우 true, 그 외 false
|
|
|
- * @since : 2017/09/21
|
|
|
- * @author : gagamel
|
|
|
- */
|
|
|
- testRegexp : function(el, regexp, type) {
|
|
|
- var val = $(el).val();
|
|
|
-
|
|
|
- if (type == 'integer' || type == 'real') {
|
|
|
- // 콤마(,) 제거
|
|
|
- val = val.removeComma();
|
|
|
- }
|
|
|
-
|
|
|
- if (!regexp.test(val)) {
|
|
|
- mcxDialog.alertC($(el).data('validName') + '의 형식이 잘못되었습니다.', {
|
|
|
- sureBtnText: "확인",
|
|
|
- sureBtnClick: function() {
|
|
|
- $(el).select();
|
|
|
- $(el).focus();
|
|
|
- }
|
|
|
- });
|
|
|
- return false;
|
|
|
- }
|
|
|
-
|
|
|
- return true;
|
|
|
- },
|
|
|
-
|
|
|
- /**
|
|
|
- * alert 메시지
|
|
|
- * @param : el - 엘리먼트
|
|
|
- * mgsType - 메시지유형(input, select)
|
|
|
- * @since : 2017/09/21
|
|
|
- * @author : gagamel
|
|
|
- */
|
|
|
- alertMessage : function(el, mgsType) {
|
|
|
- var validNm = $(el).data('validName');
|
|
|
-
|
|
|
- if (mgsType == 'input') {
|
|
|
- mcxDialog.alertC(validNm + '을(를) 입력해 주세요.', {
|
|
|
- sureBtnText: "확인",
|
|
|
- sureBtnClick: function() {
|
|
|
- $(el).focus();
|
|
|
- }
|
|
|
- });
|
|
|
- } else if (mgsType == 'select') {
|
|
|
- mcxDialog.alertC(validNm + '을(를) 선택해 주세요.', {
|
|
|
- sureBtnText: "확인",
|
|
|
- sureBtnClick: function() {
|
|
|
- $(el).focus();
|
|
|
- }
|
|
|
- });
|
|
|
- }
|
|
|
- },
|
|
|
-
|
|
|
- /**
|
|
|
- * 체크박스와 라디오버튼을 선택한 것이 있는지 체크한다.
|
|
|
- * @param : el - 엘리먼트
|
|
|
- * mgsType - 메시지유형(input, select)
|
|
|
- * @since : 2017/09/21
|
|
|
- * @author : gagamel
|
|
|
- */
|
|
|
- isCheckedCheckbox : function(el) {
|
|
|
- $(el).each(function(idx) {
|
|
|
- if ($(el).eq(idx).is(':checked')) {
|
|
|
- return true;
|
|
|
- } else {
|
|
|
- return false;
|
|
|
- }
|
|
|
- });
|
|
|
- },
|
|
|
-
|
|
|
- /**
|
|
|
- * 비밀번호 체크
|
|
|
- * 1.영문대문자, 영문소문자, 특수문자, 숫자로만 구성
|
|
|
- * 2.이 중에 3가지 이상으로 구성 시 8자 이상, 2가지 이상으로 구성 시 10자 이상
|
|
|
- * @param : el - 엘리먼트
|
|
|
- * @since : 2017/09/21
|
|
|
- * @author : gagamel
|
|
|
- */
|
|
|
- checkPassword : function(el) {
|
|
|
- var passwd = $(el).val();
|
|
|
- var cnt = 0;
|
|
|
- if (/[a-z]{1,}/.test(passwd)) cnt++;
|
|
|
- if (/[A-Z]{1,}/.test(passwd)) cnt++;
|
|
|
- if (/[0-9]{1,}/.test(passwd)) cnt++;
|
|
|
- if (/[\~,\!,\@,\#,\$,\%,\^,\&,\*,\(,\),\_,\?,\{,\},\[,\]]{1,}/.test(passwd)) cnt++;
|
|
|
-
|
|
|
- if (cnt >= 3) {
|
|
|
- if (passwd.length < 8) {
|
|
|
- mcxDialog.alertC('3가지 이상으로 구성 시 8 자리 이상으로 입력해 주세요.', {
|
|
|
- sureBtnText: "확인",
|
|
|
- sureBtnClick: function() {
|
|
|
- $(el).select();
|
|
|
- $(el).focus();
|
|
|
- }
|
|
|
- });
|
|
|
- return false;
|
|
|
- }
|
|
|
- } else if (cnt >= 2) {
|
|
|
- if (passwd.length < 10) {
|
|
|
- mcxDialog.alertC('2가지 이상으로 구성 시 10 자리 이상으로 입력해 주세요.', {
|
|
|
- sureBtnText: "확인",
|
|
|
- sureBtnClick: function() {
|
|
|
- $(el).select();
|
|
|
- $(el).focus();
|
|
|
- }
|
|
|
- });
|
|
|
- return false;
|
|
|
- }
|
|
|
- } else {
|
|
|
- mcxDialog.alertC('대/소문자, 특수문자, 숫자로 구성해 주세요.', {
|
|
|
- sureBtnText: "확인",
|
|
|
- sureBtnClick: function() {
|
|
|
- $(el).select();
|
|
|
- $(el).focus();
|
|
|
- }
|
|
|
- });
|
|
|
- return false;
|
|
|
- }
|
|
|
-
|
|
|
- return true;
|
|
|
- },
|
|
|
-
|
|
|
- /**
|
|
|
- * 필수입력항목 엘리먼트를 체크해서 alert를 표시한다.
|
|
|
- */
|
|
|
- checkRequired : function(oForm) {
|
|
|
- var isInvalid = true;
|
|
|
-
|
|
|
- $(oForm).find(':input').each(function(idx, el) {
|
|
|
- if ($(el).attr('required') != 'required')
|
|
|
- return true;
|
|
|
-
|
|
|
- var type = $(el).attr('type');
|
|
|
- if (!type) type = 'select';
|
|
|
-// var msg = $(el).data('validName');
|
|
|
-
|
|
|
- switch (type) {
|
|
|
- case 'text':
|
|
|
- case 'password':
|
|
|
- case 'textarea':
|
|
|
-// case 'select-one':
|
|
|
- var value = $(el).val();
|
|
|
- if (!gagajf.isNull(value))
|
|
|
- return true;
|
|
|
-
|
|
|
- gagajf.alertMessage($(el), 'input');
|
|
|
- isInvalid = false;
|
|
|
- return false;
|
|
|
- case 'select':
|
|
|
- var value = $(el).val();
|
|
|
- if (!gagajf.isNull(value))
|
|
|
- return true;
|
|
|
-
|
|
|
- gagajf.alertMessage($(el), 'select');
|
|
|
- isInvalid = false;
|
|
|
- return false;
|
|
|
- case 'checkbox':
|
|
|
- case 'radio':
|
|
|
- if (gagajf.isCheckedCheckbox($(el)))
|
|
|
- return true;
|
|
|
-
|
|
|
- gagajf.alertMessage($(el), 'select');
|
|
|
- isInvalid = false;
|
|
|
- return false;
|
|
|
- case 'file':
|
|
|
- var value = $(el).val();
|
|
|
- if (!gagajf.isNull(value))
|
|
|
- return true;
|
|
|
-
|
|
|
- gagajf.alertMessage($(el), 'select');
|
|
|
- isInvalid = false;
|
|
|
- return false;
|
|
|
- }
|
|
|
- });
|
|
|
-
|
|
|
- return isInvalid;
|
|
|
- },
|
|
|
-
|
|
|
- /**
|
|
|
- * 값이 형식에 맞는지 패턴을 체크한다.
|
|
|
- */
|
|
|
- checkPattern : function(oForm) {
|
|
|
- var isInvalid = true;
|
|
|
-
|
|
|
- $(oForm).find('input').each(function(idx, el) {
|
|
|
- if (gagajf.isNull($(el).val()))
|
|
|
- return true;
|
|
|
-
|
|
|
- var validType = $(el).data('validType');
|
|
|
-
|
|
|
- // data-valid-type이 지정되지 않은 엘리먼트는 skip
|
|
|
- if (!validType) return true;
|
|
|
-
|
|
|
- // 값이 없으면 skip
|
|
|
- if (gagajf.isNull($(el).val())) return true;
|
|
|
-
|
|
|
- switch (validType) {
|
|
|
- case 'numeric': // 숫자
|
|
|
- if (gagajf.testRegexp($(el), /^[0-9]+$/))
|
|
|
- return true;
|
|
|
-
|
|
|
- isInvalid = false;
|
|
|
- return false;
|
|
|
- case 'integer': // 정수
|
|
|
- if (gagajf.testRegexp($(el), /(^-?[0-9]+\d*$)|(^-$)/, 'integer'))
|
|
|
- return true;
|
|
|
-
|
|
|
- isInvalid = false;
|
|
|
- return false;
|
|
|
- case 'real': // 실수
|
|
|
- if (gagajf.testRegexp($(el), /^-?(([0-9]+\.?)|(\.?))\d*$/, 'real'))
|
|
|
- return true;
|
|
|
-
|
|
|
- isInvalid = false;
|
|
|
- return false;
|
|
|
- case 'alphaNumeric': // 알파벳+숫자
|
|
|
- if (gagajf.testRegexp($(el), /^[a-zA-Z0-9]+$/))
|
|
|
- return true;
|
|
|
-
|
|
|
- isInvalid = false;
|
|
|
- return false;
|
|
|
- case 'email': // 이메일
|
|
|
- if (gagajf.testRegexp($(el), /^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/))
|
|
|
- return true;
|
|
|
- isInvalid = false;
|
|
|
- return false;
|
|
|
- case 'password': // 이메일
|
|
|
- if (gagajf.checkPassword($(el)))
|
|
|
- return true;
|
|
|
- isInvalid = false;
|
|
|
- return false;
|
|
|
- case 'cellPhone': // 휴대전화번호
|
|
|
- if (gagajf.testRegexp($(el), /^(01(?:0|1|[6-9])-(?:\d{3}|\d{4})-\d{4})$/))
|
|
|
- return true;
|
|
|
-
|
|
|
- isInvalid = false;
|
|
|
- return false;
|
|
|
- case 'phone': // 일반전화번호
|
|
|
- if (gagajf.testRegexp($(el), /^\d{2,3}-\d{3,4}-\d{4}$/))
|
|
|
- return true;
|
|
|
-
|
|
|
- isInvalid = false;
|
|
|
- return false;
|
|
|
- case 'ipAddress': // IP주소
|
|
|
- if (gagajf.testRegexp($(el), /^(([0-9]{1,3})\.([0-9]{1,3})\.([0-9]{1,3})\.([0-9]{1,3}))$/))
|
|
|
- return true;
|
|
|
-
|
|
|
- isInvalid = false;
|
|
|
- return false;
|
|
|
- }
|
|
|
- });
|
|
|
-
|
|
|
- return isInvalid;
|
|
|
- },
|
|
|
-
|
|
|
- checkValue : function(oForm){
|
|
|
- var isInvalid = true;
|
|
|
-
|
|
|
- $(oForm).find('input').each(function(idx, el) {
|
|
|
-
|
|
|
- var validType = $(el).data('validType');
|
|
|
-
|
|
|
- // data-valid-type이 지정되지 않은 엘리먼트는 skip
|
|
|
- if (!validType) return true;
|
|
|
-
|
|
|
- // 값이 없으면 skip
|
|
|
- if (gagajf.isNull($(el).val())) return true;
|
|
|
-
|
|
|
- switch (validType) {
|
|
|
- case 'numeric': // 숫자
|
|
|
- //최대값
|
|
|
- if ($(el).attr("max")) {
|
|
|
- if ($(el).val() > $(el).attr("max")) {
|
|
|
- mcxDialog.alertC($(el).data('validName') + '은(는) 최대 ' + $(el).attr("max") + '보다 작아야 합니다.', {
|
|
|
- sureBtnText: "확인",
|
|
|
- sureBtnClick: function() {
|
|
|
- $(el).focus();
|
|
|
- }
|
|
|
- });
|
|
|
- isInvalid = false;
|
|
|
- return false;
|
|
|
- }
|
|
|
- }
|
|
|
- //최소값
|
|
|
- if ($(el).attr("min")) {
|
|
|
- if ($(el).val() < $(el).attr("min")) {
|
|
|
- mcxDialog.alertC($(el).data('validName') + '은(는) 최소 ' + $(el).attr("min") + '보다 커야 합니다.', {
|
|
|
- sureBtnText: "확인",
|
|
|
- sureBtnClick: function() {
|
|
|
- $(el).focus();
|
|
|
- }
|
|
|
- });
|
|
|
- isInvalid = false;
|
|
|
- return false;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- case 'integer': // 정수
|
|
|
- //최대값
|
|
|
- if ($(el).attr("max")) {
|
|
|
- if ($(el).val() > $(el).attr("max")) {
|
|
|
- mcxDialog.alertC($(el).data('validName') + '은(는) 최대 ' + $(el).attr("max") + '보다 작아야 합니다.', {
|
|
|
- sureBtnText: "확인",
|
|
|
- sureBtnClick: function() {
|
|
|
- $(el).focus();
|
|
|
- }
|
|
|
- });
|
|
|
- isInvalid = false;
|
|
|
- return false;
|
|
|
- }
|
|
|
- }
|
|
|
- //최소값
|
|
|
- if ($(el).attr("min")) {
|
|
|
- if ($(el).val() < $(el).attr("min")) {
|
|
|
- mcxDialog.alertC($(el).data('validName') + '은(는) 최소 ' + $(el).attr("min") + '보다 커야 합니다.', {
|
|
|
- sureBtnText: "확인",
|
|
|
- sureBtnClick: function() {
|
|
|
- $(el).focus();
|
|
|
- }
|
|
|
- });
|
|
|
- isInvalid = false;
|
|
|
- return false;
|
|
|
- }
|
|
|
- }
|
|
|
- case 'real': // 실수
|
|
|
- //최대값
|
|
|
- if ($(el).attr("max")) {
|
|
|
- if ($(el).val() > $(el).attr("max")) {
|
|
|
- mcxDialog.alertC($(el).data('validName') + '은(는) 최대 ' + $(el).attr("max") + '보다 작아야 합니다.', {
|
|
|
- sureBtnText: "확인",
|
|
|
- sureBtnClick: function() {
|
|
|
- $(el).focus();
|
|
|
- }
|
|
|
- });
|
|
|
- isInvalid = false;
|
|
|
- return false;
|
|
|
- }
|
|
|
- }
|
|
|
- //최소값
|
|
|
- if ($(el).attr("min")) {
|
|
|
- if ($(el).val() < $(el).attr("min")) {
|
|
|
- mcxDialog.alertC($(el).data('validName') + '은(는) 최소 ' + $(el).attr("min") + '보다 커야 합니다.', {
|
|
|
- sureBtnText: "확인",
|
|
|
- sureBtnClick: function() {
|
|
|
- $(el).focus();
|
|
|
- }
|
|
|
- });
|
|
|
- isInvalid = false;
|
|
|
- return false;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- });
|
|
|
-
|
|
|
- return isInvalid;
|
|
|
- },
|
|
|
-
|
|
|
- /**
|
|
|
- * form을 validation 한다.
|
|
|
- * 예)
|
|
|
- * if (gagajf.validation('#registerForm');
|
|
|
- */
|
|
|
- validation : function(formId) {
|
|
|
- var $form = $(formId);
|
|
|
-
|
|
|
- if (!this.checkRequired($form))
|
|
|
- return false;
|
|
|
-
|
|
|
- if (!this.checkPattern($form))
|
|
|
- return false;
|
|
|
-
|
|
|
- if(!this.checkValue($form))
|
|
|
- return false;
|
|
|
-
|
|
|
- return true;
|
|
|
- },
|
|
|
-
|
|
|
- /**
|
|
|
- * formId의 input의 data-valid-type이 integer, real인 경우에 값에 comma(,)를 자동으로 붙여 표시한다.
|
|
|
- * 사용) gagajf.addCommaAtNumberFormattedInput('#registerForm');
|
|
|
- */
|
|
|
- addCommaAtNumberFormattedInput : function(formId) {
|
|
|
- $(formId).find('input').each(function(idx, el) {
|
|
|
- if ($(el).data('validType') == 'integer' || $(el).data('validType') == 'real') {
|
|
|
- $(el).val($(el).val().removeComma().addComma());
|
|
|
- }
|
|
|
- });
|
|
|
- },
|
|
|
-
|
|
|
- /**
|
|
|
- * formId의 input의 data-valid-type이 integer, real, numeric 인 경우에 값에 comma(,)를 자동으로 제거한다.
|
|
|
- * 사용) gagajf.removeCommaAtNumberFormattedInput('#registerForm');
|
|
|
- */
|
|
|
- removeCommaAtNumberFormattedInput : function(formId) {
|
|
|
- $(formId).find('input').each(function(idx, el) {
|
|
|
- if ($(el).data('validType') == 'integer' || $(el).data('validType') == 'real' || $(el).data('validType') == 'numeric') {
|
|
|
- $(el).val($(el).val().removeComma());
|
|
|
- }
|
|
|
- });
|
|
|
- },
|
|
|
-
|
|
|
- /**
|
|
|
- * formId의 input의 값에 ?가 여러 개인 경우 ? 한 개로 대체한다.
|
|
|
- * 사용) gagajf.replaceOneQuestionMark('#registerForm');
|
|
|
- */
|
|
|
- replaceOneQuestionMark : function(formId) {
|
|
|
- $(formId).find('input[type=text]').each(function(idx, el) {
|
|
|
- $(el).val($(el).val().replace(/\?+/gi, "?"));
|
|
|
- });
|
|
|
-
|
|
|
- $(formId).find('textarea').each(function(idx, el) {
|
|
|
- $(el).val($(el).val().replace(/\?+/gi, "?"));
|
|
|
- });
|
|
|
- },
|
|
|
-
|
|
|
- /**
|
|
|
- * Progress bar
|
|
|
- */
|
|
|
- showProgressbar : function(isLoading) {
|
|
|
- if (isLoading) {
|
|
|
- // Button disabled & progressBar creation
|
|
|
- //$('.btn').each(function(idx) { $(this).attr('disabled', true); });
|
|
|
- var load_AjaxSubmit = '<div id="load_AjaxSubmit" style="'
|
|
|
- + 'background: url(/ux/plugins/gaga/loader.gif); border-style: none; background-repeat: no-repeat; '
|
|
|
- + 'position: absolute; top: 45%; left: 50%; width: auto; '
|
|
|
- + 'z-index: 101; padding: 16px; margin: 5px;'
|
|
|
- + '"></div>';
|
|
|
- $('#content').append(load_AjaxSubmit);
|
|
|
- } else {
|
|
|
- // Button activated & progressBar remove
|
|
|
- //$('.btn').each(function(idx) { $(this).attr('disabled', false); });
|
|
|
- $('#load_AjaxSubmit').remove();
|
|
|
- }
|
|
|
- },
|
|
|
-
|
|
|
- /**
|
|
|
- * form의 데이터를 json으로 변환 후 ajax 방식으로 submit 한다.
|
|
|
- * 모든 form의 ajax 처리는 이것으로 진행한다.
|
|
|
- * <pre>
|
|
|
- * ajaxFormSubmit('/rest/commoncode/create', '#registerForm', jfRegisterSaveCallback);
|
|
|
- * </pre>
|
|
|
- * @param actionUrl - Request URL
|
|
|
- * @param formId - form ID
|
|
|
- * @param callbackFn - Callback function
|
|
|
- * @author gagamel
|
|
|
- * @since 2019. 4. 8
|
|
|
- */
|
|
|
- ajaxFormSubmit : function(actionUrl, formId, callbackFn) {
|
|
|
- // comma(,) 제거
|
|
|
- gagajf.removeCommaAtNumberFormattedInput(formId);
|
|
|
-
|
|
|
- // 물음표(?) 여러 개를 1개로 대체
|
|
|
- gagajf.replaceOneQuestionMark(formId);
|
|
|
-
|
|
|
- var jsonData = JSON.stringify($(formId).serializeObject());
|
|
|
-
|
|
|
- $.ajax({
|
|
|
- type : 'POST',
|
|
|
- url : actionUrl,
|
|
|
- data : jsonData,
|
|
|
- dataType : 'json',
|
|
|
- beforeSend : function(xhr, settings) {
|
|
|
- // AJAX call
|
|
|
- xhr.setRequestHeader("AJAX", "true");
|
|
|
-
|
|
|
- // dataType: "json"일 때
|
|
|
- xhr.setRequestHeader('Accept', 'application/json');
|
|
|
- xhr.setRequestHeader('Content-Type', 'application/json');
|
|
|
-
|
|
|
- // Button disabled & progressBar creation
|
|
|
- gagajf.showProgressbar(true);
|
|
|
- },
|
|
|
- complete : function(xhr) {
|
|
|
- // Button abled & progressBar remove
|
|
|
- gagajf.showProgressbar(false);
|
|
|
-
|
|
|
- // 세션이 없다. 로그인 페이지로 이동
|
|
|
- if (xhr.status == 901) {
|
|
|
- mcxDialog.alertC('세션이 없습니다. 로그인 페이지로 이동합니다.', {
|
|
|
- sureBtnText: "확인",
|
|
|
- sureBtnClick: function() {
|
|
|
- document.location.href = "/error/noSession";
|
|
|
- }
|
|
|
- });
|
|
|
- }
|
|
|
- },
|
|
|
- success : function(result) {
|
|
|
- if (typeof(result.status) == 'undefined' || result.status == 200) { // 성공
|
|
|
- if (!gagajf.isNull(result.message)) {
|
|
|
- mcxDialog.alertC(result.message, {
|
|
|
- sureBtnText: "확인",
|
|
|
- sureBtnClick: function() {
|
|
|
- if (typeof(callbackFn) == "function") {
|
|
|
- callbackFn.call(this, result);
|
|
|
- }
|
|
|
- }
|
|
|
- });
|
|
|
- } else {
|
|
|
- if (typeof(callbackFn) == "function") {
|
|
|
- callbackFn.call(this, result);
|
|
|
- }
|
|
|
- }
|
|
|
- } else { // 실패
|
|
|
- if (!gagajf.isNull(result.error.message)) {
|
|
|
- mcxDialog.alert(result.error.message);
|
|
|
- }
|
|
|
-
|
|
|
- return;
|
|
|
- }
|
|
|
- },
|
|
|
- error : function(result) {
|
|
|
- console.log(result);
|
|
|
- mcxDialog.alert('오류로 인해 처리되지 않았습니다.');
|
|
|
- }
|
|
|
- });
|
|
|
- },
|
|
|
-
|
|
|
- /**
|
|
|
- * json 데이터를 가지고 ajax 방식으로 submit 한다.
|
|
|
- * 모든 ajax 처리는 이것으로 진행한다.
|
|
|
- * <pre>
|
|
|
- * gagajf.removeCommaAtNumberFormattedInput('#registerForm'); // comma(,) 제거
|
|
|
- * gagajf.replaceOneQuestionMark('#registerForm'); // 물음표(?) 여러개를 1개로 대체
|
|
|
- * var jsonData = JSON.stringify($('#registerForm').serializeObject());
|
|
|
- * gagajf.ajaxJsonSubmit('/rest/commoncode/create', jsonData, jfRegisterSaveCallback);
|
|
|
- * </pre>
|
|
|
- * @param actionUrl - Request URL
|
|
|
- * @param jsonData - Data of json format
|
|
|
- * @param callbackFn - Callback function
|
|
|
- * @author gagamel
|
|
|
- * @since 2019. 4. 8
|
|
|
- */
|
|
|
- ajaxJsonSubmit : function(actionUrl, jsonData, callbackFn) {
|
|
|
- $.ajax({
|
|
|
- type : 'POST',
|
|
|
- url : actionUrl,
|
|
|
- data : jsonData,
|
|
|
- dataType : 'json',
|
|
|
- beforeSend : function(xhr, settings) {
|
|
|
- // AJAX call
|
|
|
- xhr.setRequestHeader("AJAX", "true");
|
|
|
-
|
|
|
- // dataType: "json"일 때
|
|
|
- xhr.setRequestHeader('Accept', 'application/json');
|
|
|
- xhr.setRequestHeader('Content-Type', 'application/json');
|
|
|
-
|
|
|
- // Button disabled & progressBar creation
|
|
|
- gagajf.showProgressbar(true);
|
|
|
- },
|
|
|
- complete : function(xhr) {
|
|
|
- // Button abled & progressBar remove
|
|
|
- gagajf.showProgressbar(false);
|
|
|
-
|
|
|
- // 세션이 없다. 로그인 페이지로 이동
|
|
|
- if (xhr.status == 901) {
|
|
|
- mcxDialog.alertC('세션이 없습니다. 로그인 페이지로 이동합니다.', {
|
|
|
- sureBtnText: "확인",
|
|
|
- sureBtnClick: function() {
|
|
|
- document.location.href = "/error/noSession";
|
|
|
- }
|
|
|
- });
|
|
|
- }
|
|
|
- },
|
|
|
- success : function(result) {
|
|
|
- if (typeof(result.status) == 'undefined' || result.status == 200) { // 성공
|
|
|
- if (!gagajf.isNull(result.message)) {
|
|
|
- mcxDialog.alertC(result.message, {
|
|
|
- sureBtnText: "확인",
|
|
|
- sureBtnClick: function() {
|
|
|
- if (typeof(callbackFn) == "function") {
|
|
|
- callbackFn.call(this, result);
|
|
|
- }
|
|
|
- }
|
|
|
- });
|
|
|
- } else {
|
|
|
- if (typeof(callbackFn) == "function") {
|
|
|
- callbackFn.call(this, result);
|
|
|
- }
|
|
|
- }
|
|
|
- } else { // 실패
|
|
|
- if (!gagajf.isNull(result.error.message)) {
|
|
|
- mcxDialog.alert(result.error.message);
|
|
|
- }
|
|
|
-
|
|
|
- return;
|
|
|
- }
|
|
|
- },
|
|
|
- error : function(result) {
|
|
|
- console.log(result);
|
|
|
- mcxDialog.alert('오류로 인해 처리되지 않았습니다.');
|
|
|
- }
|
|
|
- });
|
|
|
- },
|
|
|
-
|
|
|
- /**
|
|
|
- * ajax 방식으로 파일을 업로드 한다.
|
|
|
- * <pre>
|
|
|
- * gagajf.ajaxFileUpload('/common/file/upload?subDir=notice', this.files[0], jfCallback);
|
|
|
- * </pre>
|
|
|
- * @param actionUrl - Request URL
|
|
|
- * @param file - A file to upload
|
|
|
- * @param callbackFn - Callback function
|
|
|
- * @param policy - Upload policy
|
|
|
- * @author gagamel
|
|
|
- * @since 2019. 7. 9
|
|
|
- */
|
|
|
- ajaxFileUpload : function(actionUrl, file, callbackFn, policy) {
|
|
|
- var formData = new FormData();
|
|
|
- formData.append("file", file);
|
|
|
-
|
|
|
- if (typeof policy != 'undefined') {
|
|
|
- formData.append("policy", policy);
|
|
|
- }
|
|
|
-
|
|
|
- $.ajax({
|
|
|
- type : 'POST',
|
|
|
- url : actionUrl,
|
|
|
- data : formData,
|
|
|
- dataType: 'json',
|
|
|
- processData : false, // true: data의 파일 형태가 query String으로 전송. false : non-processed data
|
|
|
- contentType : false, // multipart/form-data 형태로 전송되기 위한 옵션 값
|
|
|
- beforeSend : function(xhr, settings) {
|
|
|
- // AJAX call
|
|
|
- xhr.setRequestHeader("AJAX", "true");
|
|
|
-
|
|
|
- // Button disabled & progressBar creation
|
|
|
- gagajf.showProgressbar(true);
|
|
|
- },
|
|
|
- complete : function(xhr) {
|
|
|
- // Button abled & progressBar remove
|
|
|
- gagajf.showProgressbar(false);
|
|
|
-
|
|
|
- // 세션이 없다. 로그인 페이지로 이동
|
|
|
- if (xhr.status == 901) {
|
|
|
- mcxDialog.alertC('세션이 없습니다. 로그인 페이지로 이동합니다.', {
|
|
|
- sureBtnText: "확인",
|
|
|
- sureBtnClick: function() {
|
|
|
- document.location.href = "/error/noSession";
|
|
|
- }
|
|
|
- });
|
|
|
- }
|
|
|
- },
|
|
|
- success : function(result) {
|
|
|
- if (typeof(result.status) == 'undefined' || result.status == 200) { // 성공
|
|
|
- if (!gagajf.isNull(result.message)) {
|
|
|
- mcxDialog.alertC(result.message, {
|
|
|
- sureBtnText: "확인",
|
|
|
- sureBtnClick: function() {
|
|
|
- if (typeof(callbackFn) == "function") {
|
|
|
- callbackFn.call(this, result);
|
|
|
- }
|
|
|
- }
|
|
|
- });
|
|
|
- } else {
|
|
|
- if (typeof(callbackFn) == "function") {
|
|
|
- callbackFn.call(this, result);
|
|
|
- }
|
|
|
- }
|
|
|
- } else { // 실패
|
|
|
- if (!gagajf.isNull(result.error.message)) {
|
|
|
- mcxDialog.alert(result.error.message);
|
|
|
- }
|
|
|
-
|
|
|
- return;
|
|
|
- }
|
|
|
- },
|
|
|
- error: function(result) {
|
|
|
- console.log(result);
|
|
|
- mcxDialog.alert('오류로 인해 처리되지 않았습니다.');
|
|
|
- }
|
|
|
- });
|
|
|
- },
|
|
|
-
|
|
|
- /**
|
|
|
- * 대용량 json 데이터를 가지고 ajax 방식으로 submit 한다.
|
|
|
- * <pre>
|
|
|
- * gagajf.removeCommaAtNumberFormattedInput('#registerForm'); // comma(,) 제거
|
|
|
- * gagajf.replaceOneQuestionMark('#registerForm'); // 물음표(?) 여러개를 1개로 대체
|
|
|
- * var jsonData = JSON.stringify($('#registerForm').serializeObject());
|
|
|
- * gagajf.ajaxJsonBatchSubmit('/rest/commoncode/create', jsonData, 1, 3, jfRegisterSaveCallback);
|
|
|
- * </pre>
|
|
|
- * @param actionUrl - Request URL
|
|
|
- * @param jsonData - Data of json format
|
|
|
- * @param callIdx - 호출인덱스(실제 호출한 횟수)
|
|
|
- * @param callCnt - 호출해야할횟수(몇 번 호출해야 하는지)
|
|
|
- * @param callbackFn - Callback function
|
|
|
- * @author gagamel
|
|
|
- * @since 2019. 4. 8
|
|
|
- */
|
|
|
- ajaxJsonBatchSubmit : function(actionUrl, jsonData, callIdx, callCnt, callbackFn) {
|
|
|
- $.ajax({
|
|
|
- type : 'POST',
|
|
|
- url : actionUrl,
|
|
|
- data : jsonData,
|
|
|
- dataType : 'json',
|
|
|
- beforeSend : function(xhr, settings) {
|
|
|
- // AJAX call
|
|
|
- xhr.setRequestHeader("AJAX", "true");
|
|
|
-
|
|
|
- // dataType: "json"일 때
|
|
|
- xhr.setRequestHeader('Accept', 'application/json');
|
|
|
- xhr.setRequestHeader('Content-Type', 'application/json');
|
|
|
-
|
|
|
- // Button disabled & progressBar creation
|
|
|
- if (callIdx == 1) { // 첫번째 호출이면
|
|
|
- gagajf.showProgressbar(true);
|
|
|
- }
|
|
|
- },
|
|
|
- complete : function(xhr) {
|
|
|
- // Button abled & progressBar remove
|
|
|
- if (callIdx == callCnt) { // 마지막 호출이면
|
|
|
- gagajf.showProgressbar(false);
|
|
|
- }
|
|
|
-
|
|
|
- // 세션이 없다. 로그인 페이지로 이동
|
|
|
- if (xhr.status == 901) {
|
|
|
- mcxDialog.alertC('세션이 없습니다. 로그인 페이지로 이동합니다.', {
|
|
|
- sureBtnText: "확인",
|
|
|
- sureBtnClick: function() {
|
|
|
- document.location.href = "/error/noSession";
|
|
|
- }
|
|
|
- });
|
|
|
- }
|
|
|
- },
|
|
|
- success : function(result) {
|
|
|
- if (callIdx == callCnt) { // 마지막 호출이면
|
|
|
- mcxDialog.alertC('성공적으로 처리되었습니다.', {
|
|
|
- sureBtnText: "확인",
|
|
|
- sureBtnClick: function() {
|
|
|
- if (typeof(callbackFn) == "function") {
|
|
|
- callbackFn.call(this, result);
|
|
|
- }
|
|
|
- }
|
|
|
- });
|
|
|
- } else {
|
|
|
- if (typeof(callbackFn) == "function") {
|
|
|
- callbackFn.call(this, result);
|
|
|
- }
|
|
|
- }
|
|
|
- },
|
|
|
- error : function(result) {
|
|
|
- console.log(result);
|
|
|
- mcxDialog.alert('오류로 인해 처리되지 않았습니다.');
|
|
|
- }
|
|
|
- });
|
|
|
- },
|
|
|
-
|
|
|
- /**
|
|
|
- * JQuery를 이용한 비동기 submit 처리
|
|
|
- * 파라미터의 명칭은 쿼리문과 동일하게 작성해야 한다.
|
|
|
- * <pre>
|
|
|
- * var params = new Object();
|
|
|
- * params.cdGb = "G900";
|
|
|
- * params.cd = "0202";
|
|
|
- *
|
|
|
- * gagajf.ajaxSubmit("/rest/commoncode/create", "json", jfCallback, params);
|
|
|
- *
|
|
|
- * or
|
|
|
- *
|
|
|
- * gagajf.ajaxSubmit("/rest/commoncode/create", "json", jfCallback);
|
|
|
- * </pre>
|
|
|
- * @param : actionUrl - action url. 필수
|
|
|
- * type - 처리결과 형식(text, html, xml, json). 필수
|
|
|
- * callback - type이 text, xml, json 일 때는 콜백함수명
|
|
|
- * type이 html일 때는 target명. 필수
|
|
|
- * params - 파라미터 오브젝트. 옵션
|
|
|
- * @author gagamel
|
|
|
- * @since 2019. 4. 8
|
|
|
- */
|
|
|
- ajaxSubmit : function(actionUrl, type, callback, params) {
|
|
|
- $.ajaxSetup({
|
|
|
- beforeSend: function(xhr, settings) {
|
|
|
- // AJAX call
|
|
|
- xhr.setRequestHeader("AJAX", "true");
|
|
|
-
|
|
|
- // type: "json"일 때
|
|
|
- if (type == "json") {
|
|
|
- xhr.setRequestHeader('Accept', 'application/json');
|
|
|
- xhr.setRequestHeader('Content-Type', 'application/json');
|
|
|
- }
|
|
|
- },
|
|
|
- complete: function(xhr) {
|
|
|
- // 세션이 없다. 로그인 페이지로 이동
|
|
|
- if (xhr.status == 901) {
|
|
|
- mcxDialog.alertC('세션이 없습니다. 로그인 페이지로 이동합니다.', {
|
|
|
- sureBtnText: "확인",
|
|
|
- sureBtnClick: function() {
|
|
|
- document.location.href = "/error/noSession";
|
|
|
- }
|
|
|
- });
|
|
|
- }
|
|
|
- }
|
|
|
- });
|
|
|
-
|
|
|
- if (!params) params = new Object();
|
|
|
-
|
|
|
- var paramData = $.param(params);
|
|
|
-
|
|
|
- // dataType: "json"일 때
|
|
|
- if (type == "json") {
|
|
|
- paramData = JSON.stringify(params);
|
|
|
- }
|
|
|
-
|
|
|
- $.post(actionUrl
|
|
|
- , paramData
|
|
|
- , function(result) {
|
|
|
- if (type == "html") {
|
|
|
- if (!gagajf.isNull(callback))
|
|
|
- $(document.getElementById(callback)).html(result);
|
|
|
- } else {
|
|
|
- // Callback 함수 호출
|
|
|
- if (typeof(callback) == "function")
|
|
|
- callback.call(this, result);
|
|
|
- }
|
|
|
- }
|
|
|
- , type);
|
|
|
- },
|
|
|
-
|
|
|
- /**
|
|
|
- * @type : function
|
|
|
- * @access : public
|
|
|
- * @desc : 기간의 시작일자와 종료일자를 설정한다.
|
|
|
- * <pre>
|
|
|
- * gagajf.setDate($('#sellStdt'), $('#sellEddt'), 't');
|
|
|
- * </pre>
|
|
|
- * @param : fromObj - 시작일자 오브젝트
|
|
|
- * @param : toObj - 종료일자 오브젝트
|
|
|
- * @param : type - 유형(오늘: t, 어제: y, 최근한주: 7d, 이번주: tw, 지난주: pw, 최근한달: 1m, 이번달: tm, 지난달: pm, 최근3개월: 3m
|
|
|
- * @since : 2019/08/09
|
|
|
- * @author : gagamel
|
|
|
- */
|
|
|
- setDate : function(tgtId, fromObj, toObj, type) {
|
|
|
- var date = new Date();
|
|
|
-
|
|
|
- if (type == '') { // 기간 X
|
|
|
- $(tgtId +' #' + fromObj).val('');
|
|
|
- $(tgtId +' #' + toObj).val('');
|
|
|
- } else if (type == 't') { // 오늘
|
|
|
- $(tgtId +' #' + fromObj).val(date.format("YYYY-MM-DD"));
|
|
|
- $(tgtId +' #' + toObj).val(date.format("YYYY-MM-DD"));
|
|
|
- } else if (type == 'y') { // 어제
|
|
|
- $(tgtId +' #' + fromObj).val(date.before(0, 0, 1).format("YYYY-MM-DD"));
|
|
|
- $(tgtId +' #' + toObj).val(date.before(0, 0, 1).format("YYYY-MM-DD"));
|
|
|
- } else if (type == '7d') { // 최근한주
|
|
|
- $(tgtId +' #' + fromObj).val(date.before(0, 0, 6).format("YYYY-MM-DD"));
|
|
|
- $(tgtId +' #' + toObj).val(date.format("YYYY-MM-DD"));
|
|
|
- } else if (type == 'tw') { // 이번주
|
|
|
- var wdays = date.getDate() - date.getDay();
|
|
|
- $(tgtId +' #' + fromObj).val((date.format('YYYY-MM-') + '01').toDate('YYYY-MM-DD').after(0, 0, wdays).format("YYYY-MM-DD"));
|
|
|
- $(tgtId +' #' + toObj).val((date.format('YYYY-MM-') + '01').toDate('YYYY-MM-DD').after(0, 0, wdays + 6).format("YYYY-MM-DD"));
|
|
|
- } else if (type == 'pw') { // 지난주
|
|
|
- var wdays = date.getDate() - date.getDay();
|
|
|
- $(tgtId +' #' + fromObj).val((date.format('YYYY-MM-') + '01').toDate('YYYY-MM-DD').after(0, 0, wdays - 7).format("YYYY-MM-DD"));
|
|
|
- $(tgtId +' #' + toObj).val((date.format('YYYY-MM-') + '01').toDate('YYYY-MM-DD').after(0, 0, wdays - 1).format("YYYY-MM-DD"));
|
|
|
- } else if (type == '1m') { // 최근한달
|
|
|
- $(tgtId +' #' + fromObj).val(date.before(0, 1, 0).after(0, 0, 1).format("YYYY-MM-DD"));
|
|
|
- $(tgtId +' #' + toObj).val(date.format("YYYY-MM-DD"));
|
|
|
- } else if (type == 'tm') { // 이번달
|
|
|
- $(tgtId +' #' + fromObj).val(date.format("YYYY-MM-") + '01');
|
|
|
- $(tgtId +' #' + toObj).val((date.format('YYYY-MM-') + '01').toDate('YYYY-MM-DD').after(0, 1, 0).before(0, 0, 1).format("YYYY-MM-DD"));
|
|
|
- } else if (type == 'pm') { // 지난달
|
|
|
- //$(tgtId +' #' + fromObj).val(date.before(0, 1, 0).format("YYYY-MM-") + '01');
|
|
|
- $(tgtId +' #' + fromObj).val((date.format('YYYY-MM-') + '01').toDate('YYYY-MM-DD').before(0, 1, 0).format("YYYY-MM-") + '01');
|
|
|
- $(tgtId +' #' + toObj).val((date.format('YYYY-MM-') + '01').toDate('YYYY-MM-DD').before(0, 0, 1).format("YYYY-MM-DD"));
|
|
|
- } else if (type == '3m') { // 최근3개월
|
|
|
- $(tgtId +' #' + fromObj).val(date.before(0, 3, 0).after(0, 0, 1).format("YYYY-MM-DD"));
|
|
|
- $(tgtId +' #' + toObj).val(date.format("YYYY-MM-DD"));
|
|
|
- }
|
|
|
- },
|
|
|
-
|
|
|
- /**
|
|
|
- * @type : function
|
|
|
- * @access : public
|
|
|
- * @desc : Set Cookie
|
|
|
- * <pre>
|
|
|
- * gagajf.setCookie("COOKIE_TODAY_PROD", "HUE00C105GE", 1);
|
|
|
- * </pre>
|
|
|
- * @param : name - 쿠키명
|
|
|
- * @param : value - 쿠키 값
|
|
|
- * @param : expiredays - 만료기간
|
|
|
- * @return : None
|
|
|
- * @since : 2019/07/01
|
|
|
- * @author : gagamel
|
|
|
- */
|
|
|
- setCookie : function(name, value, expiredays) {
|
|
|
- var todayDate = new Date();
|
|
|
- todayDate.setDate(todayDate.getDate() + expiredays);
|
|
|
- document.cookie = name + "=" + escape(value) + "; path=/; expires=" + todayDate.toGMTString() + ";";
|
|
|
- },
|
|
|
-
|
|
|
- /**
|
|
|
- * @type : function
|
|
|
- * @access : public
|
|
|
- * @desc : Get Cookie
|
|
|
- * <pre>
|
|
|
- * gagajf.getCookie("COOKIE_TODAY_PROD");
|
|
|
- * </pre>
|
|
|
- * @param : name - 쿠키명
|
|
|
- * @return : None
|
|
|
- * @since : 2019/07/01
|
|
|
- * @author : gagamel
|
|
|
- */
|
|
|
- getCookie : function(name) {
|
|
|
- var nameOfCookie = name + "=";
|
|
|
- var x = 0;
|
|
|
- while (x <= document.cookie.length) {
|
|
|
- var y = (x+nameOfCookie.length);
|
|
|
- if (document.cookie.substring(x, y) == nameOfCookie) {
|
|
|
- if ((endOfCookie=document.cookie.indexOf(";", y)) == -1) endOfCookie = document.cookie.length;
|
|
|
- return unescape(document.cookie.substring(y, endOfCookie));
|
|
|
- }
|
|
|
- x = document.cookie.indexOf(" ", x) + 1;
|
|
|
- if (x == 0) break;
|
|
|
- }
|
|
|
-
|
|
|
- return "";
|
|
|
- },
|
|
|
-
|
|
|
- /**
|
|
|
- * 데이터를 배열로 변환
|
|
|
- * 예)
|
|
|
- * convertToArray({cd: "KNE", cdNm: "KNE"});
|
|
|
- * @param : data - 데이터
|
|
|
- * @param : isCodeDisplay - 코드표시여부(true/false). default false
|
|
|
- * @author : gagamel
|
|
|
- * @since : 2019. 6. 7
|
|
|
- */
|
|
|
- convertToArray : function(data, isCodeDisplay) {
|
|
|
- if (data.length == 0)
|
|
|
- return [];
|
|
|
-
|
|
|
- if (typeof(isCodeDisplay) == 'undefined')
|
|
|
- isCodeDisplay = false;
|
|
|
-
|
|
|
- var arrValue = {};
|
|
|
-
|
|
|
- $.each(data, function(idx, item) {
|
|
|
- arrValue[item.cd] = (isCodeDisplay ? '[' + item.cd + '] ' : '') + item.cdNm;
|
|
|
- });
|
|
|
-
|
|
|
- return arrValue;
|
|
|
- } ,
|
|
|
- checkFileSize : function (data){
|
|
|
- var isInvalid = true;
|
|
|
-
|
|
|
- var fileSize = data.size;
|
|
|
- var maxSize = 1024 * 1024 * 10;
|
|
|
- if(fileSize > maxSize){
|
|
|
- alert("파일용량이 10MB을 초과했습니다.");
|
|
|
- isInvalid = false;
|
|
|
- return false;
|
|
|
- }else{
|
|
|
- isInvalid = true
|
|
|
- return true;
|
|
|
- }
|
|
|
-
|
|
|
- return isInvalid;
|
|
|
- }
|
|
|
-};
|
|
|
-
|
|
|
-/**
|
|
|
- * @type : function
|
|
|
- * @access : document
|
|
|
- * @desc : <input> 태그에 대한 키눌림에 대해 validation을 체크한다.
|
|
|
- * data-valid-type="numeric" : 숫자. 속성 지정시 숫자만 입력 가능
|
|
|
- * data-valid-type="integer" : 정수. 속성 지정시 숫자와 +, - 만 입력 가능
|
|
|
- * data-valid-type="real" : 실수. 속성 지정시 숫자와 +, -, . 만 입력 가능
|
|
|
- * data-valid-type="alphaNumeric" : 알파벳과 숫자. 속성 지정 시 영문과 숫자만 형식에 맞게 입력 가능
|
|
|
- * data-valid-type="date" : 숫자와 / 만 입력 가능
|
|
|
- * data-valid-type="korean" : 한글. 속성 지정 시 한글만 형식에 맞게 입력 가능
|
|
|
- * data-valid-type="email" : 이메일
|
|
|
- * data-valid-type="password" : 비밀번호
|
|
|
- * data-valid-type="cellPhone" : 휴대전화번호
|
|
|
- * data-valid-type="phone" : 일반전화번호
|
|
|
- * data-valid-type="ipAddress" : IP주소
|
|
|
- * data-valid-type="bizRegNo" : 사업자등록번호
|
|
|
- * <pre>
|
|
|
- * <input type="text" data-valid-type="numeric" />
|
|
|
- * <input type="text" data-valid-type="integer" />
|
|
|
- * <input type="text" data-valid-type="real" />
|
|
|
- * <input type="text" data-valid-type="alphaNumeric" />
|
|
|
- * <input type="text" data-valid-type="date" />
|
|
|
- * <input type="text" data-valid-type="korean" />
|
|
|
- * <input type="text" data-valid-type="email" />
|
|
|
- * <input type="text" data-valid-type="password" />
|
|
|
- * <input type="text" data-valid-type="cellPhone" />
|
|
|
- * <input type="text" data-valid-type="phone" />
|
|
|
- * <input type="text" data-valid-type="ipAddress" />
|
|
|
- * <input type="text" data-valid-type="bizRegNo" />
|
|
|
- * </pre>
|
|
|
- * @author : gagamel
|
|
|
- * @since : 2017/09/20
|
|
|
- */
|
|
|
-$(document).on("keyup", "[data-valid-type=numeric]", function() { $(this).val($(this).val().replace(/[^0-9]/gi,"")); });
|
|
|
-$(document).on("keydown", "[data-valid-type=numeric]", function() {
|
|
|
- var value = $(this).val();
|
|
|
-
|
|
|
- var keyCode = gagajf.getKeyCode();
|
|
|
- if (keyCode == -1)
|
|
|
- return true;
|
|
|
-
|
|
|
- if (!((keyCode >= 48 && keyCode <= 57 && !event.shiftKey) // 0 ~ 9
|
|
|
- || (keyCode >= 96 && keyCode <= 105) // 0 ~ 9 (Num Lock)
|
|
|
- )) {
|
|
|
- $(this).val(value);
|
|
|
- event.returnValue = false;
|
|
|
- }
|
|
|
-});
|
|
|
-$(document).on("blur", "[data-valid-type=integer]", function() { $(this).val($(this).val().removeComma().addComma()); });
|
|
|
-$(document).on("click", "[data-valid-type=integer]", function() { $(this).val($(this).val().removeComma()); });
|
|
|
-$(document).on("keyup", "[data-valid-type=integer]", function() { $(this).val($(this).val().replace(/[^0-9-\+]/gi,"")); });
|
|
|
-$(document).on("keydown", "[data-valid-type=integer]", function() {
|
|
|
- var value = $(this).val();
|
|
|
-
|
|
|
- var keyCode = gagajf.getKeyCode();
|
|
|
- if (keyCode == -1)
|
|
|
- return true;
|
|
|
-
|
|
|
- if (!((keyCode >= 48 && keyCode <= 57 && !event.shiftKey) // 0 ~ 9
|
|
|
- || (keyCode >= 96 && keyCode <= 105) // 0 ~ 9 (Num Lock)
|
|
|
- || (keyCode == 187 && event.shiftKey) // Shift 하고 +
|
|
|
- || (keyCode == 107) // + (Num Lock)
|
|
|
- || (keyCode == 189 && !event.shiftKey) // Shift 없이 -
|
|
|
- || (keyCode == 109) // - (Num Lock)
|
|
|
- )) {
|
|
|
- $(this).val(value);
|
|
|
- event.returnValue = false;
|
|
|
- }
|
|
|
-});
|
|
|
-$(document).on("blur", "[data-valid-type=real]", function() { $(this).val($(this).val().removeComma().addComma()); });
|
|
|
-$(document).on("click", "[data-valid-type=real]", function() { $(this).val($(this).val().removeComma()); });
|
|
|
-$(document).on("keyup", "[data-valid-type=real]", function() { $(this).val($(this).val().replace(/[^0-9-\+\.]/gi,"")); });
|
|
|
-$(document).on("keydown", "[data-valid-type=real]", function() {
|
|
|
- var value = $(this).val();
|
|
|
-
|
|
|
- var keyCode = gagajf.getKeyCode();
|
|
|
- if (keyCode == -1)
|
|
|
- return true;
|
|
|
-
|
|
|
- if (!((keyCode >= 48 && keyCode <= 57 && !event.shiftKey) // 0 ~ 9
|
|
|
- || (keyCode >= 96 && keyCode <= 105) // 0 ~ 9 (Num Lock)
|
|
|
- || (keyCode == 187 && event.shiftKey) // Shift 하고 +
|
|
|
- || (keyCode == 107) // + (Num Lock)
|
|
|
- || (keyCode == 189 && !event.shiftKey) // Shift 없이 -
|
|
|
- || (keyCode == 109) // - (Num Lock)
|
|
|
- || (keyCode == 190 && !event.shiftKey) // .
|
|
|
- )) {
|
|
|
- $(this).val(value);
|
|
|
- event.returnValue = false;
|
|
|
- }
|
|
|
-});
|
|
|
-$(document).on("keyup", "[data-valid-type=alphaNumeric]", function() { $(this).val($(this).val().replace(/[^a-zA-Z0-9]/gi, "")); });
|
|
|
-$(document).on("keyup", "[data-valid-type=date]", function() { $(this).val($(this).val().replace(/[^0-9\/]/gi,"")); });
|
|
|
-$(document).on("keyup", "[data-valid-type=calendar]", function() { $(this).val($(this).val().replace(/[^0-9\/]/gi,"")); });
|
|
|
-$(document).on("blur", "[data-valid-type=calendar]", function() {
|
|
|
- var val = $(this).val();
|
|
|
- if(val==''){
|
|
|
- return;
|
|
|
- }
|
|
|
- val = val.replace(/-/gi, "");
|
|
|
- var temp = val.substring(0, 4)+" ";
|
|
|
- if(Number(val.substring(4, 6))>12){
|
|
|
- temp += "12";
|
|
|
- }else if(Number(val.substring(4, 6))==0){
|
|
|
- temp += "1";
|
|
|
- }else{
|
|
|
- temp += Number(val.substring(4, 6));
|
|
|
- }
|
|
|
- temp += " ";
|
|
|
- if(Number(val.substring(6, 8))>31){
|
|
|
- temp += "31";
|
|
|
- }else if(Number(val.substring(6, 8))==0){
|
|
|
- temp += "1";
|
|
|
- }else{
|
|
|
- temp += Number(val.substring(6, 8));
|
|
|
- }
|
|
|
-
|
|
|
- var date = new Date(temp);
|
|
|
- var yyyy = date.getFullYear().toString();
|
|
|
- var mm = (date.getMonth() + 1).toString();
|
|
|
- var dd = date.getDate().toString();
|
|
|
- $(this).val(yyyy + '-' + (mm[1] ? mm : '0'+mm[0])+ '-' + (dd[1] ? dd : '0'+dd[0]));
|
|
|
-});
|
|
|
-$(document).on("keyup", "[data-valid-type=korean]", function() { $(this).val($(this).val().replace(/[^가-힣]/gi, "")); });
|
|
|
-$(document).on("keyup", "[data-valid-type=email]", function() { $(this).val($(this).val().replace(/[^a-zA-Z0-9\@\+\_\.\@\-]/gi, "")); });
|
|
|
-$(document).on("keyup", "[data-valid-type=password]", function() { $(this).val($(this).val().replace(/[^a-zA-Z0-9\~\!\@\#\$\%\^\&\*\?\(\)\_\+\{\}\[\]]/gi, "")); });
|
|
|
-$(document).on("keyup", "[data-valid-type=cellPhone]", function() { $(this).val($(this).val().replace(/[^\d-]/gi, "")); });
|
|
|
-$(document).on("keydown", "[data-valid-type=cellPhone]", function() {
|
|
|
- var value = $(this).val();
|
|
|
-
|
|
|
- var keyCode = gagajf.getKeyCode();
|
|
|
- if (keyCode == -1)
|
|
|
- return true;
|
|
|
-
|
|
|
- if (!((keyCode >= 48 && keyCode <= 57 && !event.shiftKey) // 0 ~ 9
|
|
|
- || (keyCode >= 96 && keyCode <= 105) // 0 ~ 9 (Num Lock)
|
|
|
- || (keyCode == 189 && !event.shiftKey) // Shift 없이 -
|
|
|
- || (keyCode == 109) // - (Num Lock)
|
|
|
- )) {
|
|
|
- $(this).val(value);
|
|
|
- event.returnValue = false;
|
|
|
- }
|
|
|
-});
|
|
|
-$(document).on("keyup keydown paste change", "[data-valid-type=cellPhone]", function() {
|
|
|
- $(this).val($(this).val().replace(/[^0-9]/g, "").replace(/(^02|^050[0-9]{1}|^1[0-9]{3}|^0[0-9]{2})([0-9]+)?([0-9]{4})$/,"$1-$2-$3").replace("--", "-"));
|
|
|
-});
|
|
|
-$(document).on("keyup", "[data-valid-type=phone]", function() { $(this).val($(this).val().replace(/[^\d-]/gi, "")); });
|
|
|
-$(document).on("keydown", "[data-valid-type=phone]", function() {
|
|
|
- var value = $(this).val();
|
|
|
-
|
|
|
- var keyCode = gagajf.getKeyCode();
|
|
|
- if (keyCode == -1)
|
|
|
- return true;
|
|
|
-
|
|
|
- if (!((keyCode >= 48 && keyCode <= 57 && !event.shiftKey) // 0 ~ 9
|
|
|
- || (keyCode >= 96 && keyCode <= 105) // 0 ~ 9 (Num Lock)
|
|
|
- || (keyCode == 189 && !event.shiftKey) // Shift 없이 -
|
|
|
- || (keyCode == 109) // - (Num Lock)
|
|
|
- )) {
|
|
|
- $(this).val(value);
|
|
|
- event.returnValue = false;
|
|
|
- }
|
|
|
-});
|
|
|
-$(document).on("keyup", "[data-valid-type=ipAddress]", function() { $(this).val($(this).val().replace(/[^\d\.]/gi, "")); });
|
|
|
-$(document).on("keydown", "[data-valid-type=ipAddress]", function() {
|
|
|
- var value = $(this).val();
|
|
|
-
|
|
|
- var keyCode = gagajf.getKeyCode();
|
|
|
- if (keyCode == -1)
|
|
|
- return true;
|
|
|
-
|
|
|
- if (!((keyCode >= 48 && keyCode <= 57 && !event.shiftKey) // 0 ~ 9
|
|
|
- || (keyCode >= 96 && keyCode <= 105) // 0 ~ 9 (Num Lock)
|
|
|
- || (keyCode == 190 && !event.shiftKey) // .
|
|
|
- )) {
|
|
|
- $(this).val(value);
|
|
|
- event.returnValue = false;
|
|
|
- }
|
|
|
-});
|
|
|
-$(document).on("keyup", "[data-valid-type=bizRegNo]", function() { $(this).val($(this).val().replace(/[^0-9\-]/gi,"")); });
|
|
|
+/*
|
|
|
+ * Form Validation Java Script written by gagamel
|
|
|
+ *
|
|
|
+ * Copyright (c) 2017 gagamel
|
|
|
+ * Dual licensed under GPL (GPL-LICENSE.txt) licenses.
|
|
|
+ *
|
|
|
+ * $Date: 2017-09-20 $
|
|
|
+ * $Modify: 2019-03-07 $
|
|
|
+ *
|
|
|
+ * Using)
|
|
|
+ * 1. Add "data-valid-type" and "data-valid-name" attribute to Elements of form
|
|
|
+ * ex) <input type="text" name="userNm" data-valid-type="alpahNumeric" data-valid-name="User Name"/>
|
|
|
+ *
|
|
|
+ * 2. data-valid-type
|
|
|
+ * numeric, alphaNumeric, email, cellPhone, ipAddress
|
|
|
+ *
|
|
|
+ * 3. When submit a form, call "validation()" function.
|
|
|
+ * ex)
|
|
|
+ * if (!$('#aForm').validation())
|
|
|
+ * return;
|
|
|
+ */
|
|
|
+(function($) {
|
|
|
+ /**
|
|
|
+ * Spring Security를 사용하는 경우 Default로 CSRF(Cross Site Request Forgery)가 활성화 되어 있다.
|
|
|
+ * 이 때문에 $.ajax 함수를 호출 시 404 에러가 발생한다. 이는 다음과 같이 해결한다.
|
|
|
+ *
|
|
|
+ * 1. SecurityConfig에 csrf().disable() 설정. <= CSRF(Cross Site Request Forgery) 해제
|
|
|
+ * 또는
|
|
|
+ * 2. Thymeleaf에서는 csrf 토큰이 hidden input에 자동으로 추가되어 있음으로 아래와 같이 ajax 호출 시 토큰을 Header에 설정한다.
|
|
|
+ */
|
|
|
+ /*var token = $("meta[name='_csrf']").attr("content");
|
|
|
+ var header = $("meta[name='_csrf_header']").attr("content");
|
|
|
+ $.ajaxSend(function(e, xhr, options) {
|
|
|
+ xhr.setRequestHeader(header, token);
|
|
|
+ });*/
|
|
|
+});
|
|
|
+
|
|
|
+var gagajf = {
|
|
|
+ /**
|
|
|
+ * @type : function
|
|
|
+ * @access : public
|
|
|
+ * @desc : 값이 null 이거나 white space 문자로만 이루어진 경우 true를 리턴한다.
|
|
|
+ * <pre>
|
|
|
+ * gagajf.isNull(" ");
|
|
|
+ * </pre>
|
|
|
+ * 위와같이 사용했을 경우 true를 리턴한다.
|
|
|
+ * @param : value - 필수 입력 값
|
|
|
+ * @return : boolean. null(혹은 white space) 여부
|
|
|
+ * @author : gagamel
|
|
|
+ */
|
|
|
+ isNull : function(value) {
|
|
|
+ if (value == null || (typeof(value) == "string" && value.trim() == ""))
|
|
|
+ return true;
|
|
|
+
|
|
|
+ return false;
|
|
|
+ },
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @type : function
|
|
|
+ * @access : public
|
|
|
+ * @desc : 값이 null str로 true를 리턴한다.
|
|
|
+ * <pre>
|
|
|
+ * gagajf.convNull(item.value, '');
|
|
|
+ * </pre>
|
|
|
+ * 위와같이 사용했을 경우 item.value 가 null일경우 ''을 리턴한다.
|
|
|
+ * @param : value - 필수 입력 값
|
|
|
+ * @param : str - 필수 입력 값
|
|
|
+ * @return : value or str
|
|
|
+ * @author : gagamel
|
|
|
+ */
|
|
|
+ convNull : function(value, str) {
|
|
|
+ if (value == null)
|
|
|
+ return str;
|
|
|
+
|
|
|
+ return value;
|
|
|
+ },
|
|
|
+
|
|
|
+ /**
|
|
|
+ * 유효한 이벤트 키코드인지 체크
|
|
|
+ * @return : 유효한 이벤트 키코드이면 키코드 값, 아니면 -1
|
|
|
+ * @since : 2017/09/20
|
|
|
+ * @author : gagamel
|
|
|
+ */
|
|
|
+ getKeyCode : function() {
|
|
|
+ // 이벤트 객체와 문자 코드를 호환 가능한 방식으로 얻는다.
|
|
|
+ var e = event || window.event; // 키 이벤트 객체
|
|
|
+ var keyCode = e.charCode || e.keyCode; // 어떤 키가 눌러졌는가?
|
|
|
+// console.log('keyCode: ' + keyCode);
|
|
|
+
|
|
|
+ // Ctrl 키나 Alt 키, ASCII 제어문자, 화살표 등 skip
|
|
|
+ if (e.ctrlKey || e.altkey || keyCode < 47) {
|
|
|
+ return -1;
|
|
|
+ }
|
|
|
+
|
|
|
+ return keyCode;
|
|
|
+ },
|
|
|
+
|
|
|
+ /**
|
|
|
+ * 값이 정규표현식에 부합하는지는 체크한다.
|
|
|
+ * @param : el - 엘리먼트
|
|
|
+ * @param : regexp - 정규표현식
|
|
|
+ * @param : type - 엘리먼트 type
|
|
|
+ * @return : 부합하는 경우 true, 그 외 false
|
|
|
+ * @since : 2017/09/21
|
|
|
+ * @author : gagamel
|
|
|
+ */
|
|
|
+ testRegexp : function(el, regexp, type) {
|
|
|
+ var val = $(el).val();
|
|
|
+
|
|
|
+ if (type == 'integer' || type == 'real') {
|
|
|
+ // 콤마(,) 제거
|
|
|
+ val = val.removeComma();
|
|
|
+ }
|
|
|
+
|
|
|
+ if (!regexp.test(val)) {
|
|
|
+ mcxDialog.alertC($(el).data('validName') + '의 형식이 잘못되었습니다.', {
|
|
|
+ sureBtnText: "확인",
|
|
|
+ sureBtnClick: function() {
|
|
|
+ $(el).select();
|
|
|
+ $(el).focus();
|
|
|
+ }
|
|
|
+ });
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+
|
|
|
+ return true;
|
|
|
+ },
|
|
|
+
|
|
|
+ /**
|
|
|
+ * alert 메시지
|
|
|
+ * @param : el - 엘리먼트
|
|
|
+ * mgsType - 메시지유형(input, select)
|
|
|
+ * @since : 2017/09/21
|
|
|
+ * @author : gagamel
|
|
|
+ */
|
|
|
+ alertMessage : function(el, mgsType) {
|
|
|
+ var validNm = $(el).data('validName');
|
|
|
+
|
|
|
+ if (mgsType == 'input') {
|
|
|
+ mcxDialog.alertC(validNm + '을(를) 입력해 주세요.', {
|
|
|
+ sureBtnText: "확인",
|
|
|
+ sureBtnClick: function() {
|
|
|
+ $(el).focus();
|
|
|
+ }
|
|
|
+ });
|
|
|
+ } else if (mgsType == 'select') {
|
|
|
+ mcxDialog.alertC(validNm + '을(를) 선택해 주세요.', {
|
|
|
+ sureBtnText: "확인",
|
|
|
+ sureBtnClick: function() {
|
|
|
+ $(el).focus();
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ /**
|
|
|
+ * 체크박스와 라디오버튼을 선택한 것이 있는지 체크한다.
|
|
|
+ * @param : el - 엘리먼트
|
|
|
+ * mgsType - 메시지유형(input, select)
|
|
|
+ * @since : 2017/09/21
|
|
|
+ * @author : gagamel
|
|
|
+ */
|
|
|
+ isCheckedCheckbox : function(el) {
|
|
|
+ $(el).each(function(idx) {
|
|
|
+ if ($(el).eq(idx).is(':checked')) {
|
|
|
+ return true;
|
|
|
+ } else {
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+
|
|
|
+ /**
|
|
|
+ * 비밀번호 체크
|
|
|
+ * 1.영문대문자, 영문소문자, 특수문자, 숫자로만 구성
|
|
|
+ * 2.이 중에 3가지 이상으로 구성 시 8자 이상, 2가지 이상으로 구성 시 10자 이상
|
|
|
+ * @param : el - 엘리먼트
|
|
|
+ * @since : 2017/09/21
|
|
|
+ * @author : gagamel
|
|
|
+ */
|
|
|
+ checkPassword : function(el) {
|
|
|
+ var passwd = $(el).val();
|
|
|
+ var cnt = 0;
|
|
|
+ if (/[a-z]{1,}/.test(passwd)) cnt++;
|
|
|
+ if (/[A-Z]{1,}/.test(passwd)) cnt++;
|
|
|
+ if (/[0-9]{1,}/.test(passwd)) cnt++;
|
|
|
+ if (/[\~,\!,\@,\#,\$,\%,\^,\&,\*,\(,\),\_,\?,\{,\},\[,\]]{1,}/.test(passwd)) cnt++;
|
|
|
+
|
|
|
+ if (cnt >= 3) {
|
|
|
+ if (passwd.length < 8) {
|
|
|
+ mcxDialog.alertC('3가지 이상으로 구성 시 8 자리 이상으로 입력해 주세요.', {
|
|
|
+ sureBtnText: "확인",
|
|
|
+ sureBtnClick: function() {
|
|
|
+ $(el).select();
|
|
|
+ $(el).focus();
|
|
|
+ }
|
|
|
+ });
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ } else if (cnt >= 2) {
|
|
|
+ if (passwd.length < 10) {
|
|
|
+ mcxDialog.alertC('2가지 이상으로 구성 시 10 자리 이상으로 입력해 주세요.', {
|
|
|
+ sureBtnText: "확인",
|
|
|
+ sureBtnClick: function() {
|
|
|
+ $(el).select();
|
|
|
+ $(el).focus();
|
|
|
+ }
|
|
|
+ });
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ mcxDialog.alertC('대/소문자, 특수문자, 숫자로 구성해 주세요.', {
|
|
|
+ sureBtnText: "확인",
|
|
|
+ sureBtnClick: function() {
|
|
|
+ $(el).select();
|
|
|
+ $(el).focus();
|
|
|
+ }
|
|
|
+ });
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+
|
|
|
+ return true;
|
|
|
+ },
|
|
|
+
|
|
|
+ /**
|
|
|
+ * 필수입력항목 엘리먼트를 체크해서 alert를 표시한다.
|
|
|
+ */
|
|
|
+ checkRequired : function(oForm) {
|
|
|
+ var isInvalid = true;
|
|
|
+
|
|
|
+ $(oForm).find(':input').each(function(idx, el) {
|
|
|
+ if ($(el).attr('required') != 'required')
|
|
|
+ return true;
|
|
|
+
|
|
|
+ var type = $(el).attr('type');
|
|
|
+ if (!type) type = 'select';
|
|
|
+// var msg = $(el).data('validName');
|
|
|
+
|
|
|
+ switch (type) {
|
|
|
+ case 'text':
|
|
|
+ case 'password':
|
|
|
+ case 'textarea':
|
|
|
+// case 'select-one':
|
|
|
+ var value = $(el).val();
|
|
|
+ if (!gagajf.isNull(value))
|
|
|
+ return true;
|
|
|
+
|
|
|
+ gagajf.alertMessage($(el), 'input');
|
|
|
+ isInvalid = false;
|
|
|
+ return false;
|
|
|
+ case 'select':
|
|
|
+ var value = $(el).val();
|
|
|
+ if (!gagajf.isNull(value))
|
|
|
+ return true;
|
|
|
+
|
|
|
+ gagajf.alertMessage($(el), 'select');
|
|
|
+ isInvalid = false;
|
|
|
+ return false;
|
|
|
+ case 'checkbox':
|
|
|
+ case 'radio':
|
|
|
+ if (gagajf.isCheckedCheckbox($(el)))
|
|
|
+ return true;
|
|
|
+
|
|
|
+ gagajf.alertMessage($(el), 'select');
|
|
|
+ isInvalid = false;
|
|
|
+ return false;
|
|
|
+ case 'file':
|
|
|
+ var value = $(el).val();
|
|
|
+ if (!gagajf.isNull(value))
|
|
|
+ return true;
|
|
|
+
|
|
|
+ gagajf.alertMessage($(el), 'select');
|
|
|
+ isInvalid = false;
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ return isInvalid;
|
|
|
+ },
|
|
|
+
|
|
|
+ /**
|
|
|
+ * 값이 형식에 맞는지 패턴을 체크한다.
|
|
|
+ */
|
|
|
+ checkPattern : function(oForm) {
|
|
|
+ var isInvalid = true;
|
|
|
+
|
|
|
+ $(oForm).find('input').each(function(idx, el) {
|
|
|
+ if (gagajf.isNull($(el).val()))
|
|
|
+ return true;
|
|
|
+
|
|
|
+ var validType = $(el).data('validType');
|
|
|
+
|
|
|
+ // data-valid-type이 지정되지 않은 엘리먼트는 skip
|
|
|
+ if (!validType) return true;
|
|
|
+
|
|
|
+ // 값이 없으면 skip
|
|
|
+ if (gagajf.isNull($(el).val())) return true;
|
|
|
+
|
|
|
+ switch (validType) {
|
|
|
+ case 'numeric': // 숫자
|
|
|
+ if (gagajf.testRegexp($(el), /^[0-9]+$/))
|
|
|
+ return true;
|
|
|
+
|
|
|
+ isInvalid = false;
|
|
|
+ return false;
|
|
|
+ case 'integer': // 정수
|
|
|
+ if (gagajf.testRegexp($(el), /(^-?[0-9]+\d*$)|(^-$)/, 'integer'))
|
|
|
+ return true;
|
|
|
+
|
|
|
+ isInvalid = false;
|
|
|
+ return false;
|
|
|
+ case 'real': // 실수
|
|
|
+ if (gagajf.testRegexp($(el), /^-?(([0-9]+\.?)|(\.?))\d*$/, 'real'))
|
|
|
+ return true;
|
|
|
+
|
|
|
+ isInvalid = false;
|
|
|
+ return false;
|
|
|
+ case 'alphaNumeric': // 알파벳+숫자
|
|
|
+ if (gagajf.testRegexp($(el), /^[a-zA-Z0-9]+$/))
|
|
|
+ return true;
|
|
|
+
|
|
|
+ isInvalid = false;
|
|
|
+ return false;
|
|
|
+ case 'email': // 이메일
|
|
|
+ if (gagajf.testRegexp($(el), /^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/))
|
|
|
+ return true;
|
|
|
+ isInvalid = false;
|
|
|
+ return false;
|
|
|
+ case 'password': // 이메일
|
|
|
+ if (gagajf.checkPassword($(el)))
|
|
|
+ return true;
|
|
|
+ isInvalid = false;
|
|
|
+ return false;
|
|
|
+ case 'cellPhone': // 휴대전화번호
|
|
|
+ if (gagajf.testRegexp($(el), /^(01(?:0|1|[6-9])-(?:\d{3}|\d{4})-\d{4})$/))
|
|
|
+ return true;
|
|
|
+
|
|
|
+ isInvalid = false;
|
|
|
+ return false;
|
|
|
+ case 'phone': // 일반전화번호
|
|
|
+ if (gagajf.testRegexp($(el), /^\d{2,3}-\d{3,4}-\d{4}$/))
|
|
|
+ return true;
|
|
|
+
|
|
|
+ isInvalid = false;
|
|
|
+ return false;
|
|
|
+ case 'ipAddress': // IP주소
|
|
|
+ if (gagajf.testRegexp($(el), /^(([0-9]{1,3})\.([0-9]{1,3})\.([0-9]{1,3})\.([0-9]{1,3}))$/))
|
|
|
+ return true;
|
|
|
+
|
|
|
+ isInvalid = false;
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ return isInvalid;
|
|
|
+ },
|
|
|
+
|
|
|
+ checkValue : function(oForm){
|
|
|
+ var isInvalid = true;
|
|
|
+
|
|
|
+ $(oForm).find('input').each(function(idx, el) {
|
|
|
+
|
|
|
+ var validType = $(el).data('validType');
|
|
|
+
|
|
|
+ // data-valid-type이 지정되지 않은 엘리먼트는 skip
|
|
|
+ if (!validType) return true;
|
|
|
+
|
|
|
+ // 값이 없으면 skip
|
|
|
+ if (gagajf.isNull($(el).val())) return true;
|
|
|
+
|
|
|
+ switch (validType) {
|
|
|
+ case 'numeric': // 숫자
|
|
|
+ //최대값
|
|
|
+ if ($(el).attr("max")) {
|
|
|
+ if ($(el).val() > $(el).attr("max")) {
|
|
|
+ mcxDialog.alertC($(el).data('validName') + '은(는) 최대 ' + $(el).attr("max") + '보다 작아야 합니다.', {
|
|
|
+ sureBtnText: "확인",
|
|
|
+ sureBtnClick: function() {
|
|
|
+ $(el).focus();
|
|
|
+ }
|
|
|
+ });
|
|
|
+ isInvalid = false;
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ //최소값
|
|
|
+ if ($(el).attr("min")) {
|
|
|
+ if ($(el).val() < $(el).attr("min")) {
|
|
|
+ mcxDialog.alertC($(el).data('validName') + '은(는) 최소 ' + $(el).attr("min") + '보다 커야 합니다.', {
|
|
|
+ sureBtnText: "확인",
|
|
|
+ sureBtnClick: function() {
|
|
|
+ $(el).focus();
|
|
|
+ }
|
|
|
+ });
|
|
|
+ isInvalid = false;
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ case 'integer': // 정수
|
|
|
+ //최대값
|
|
|
+ if ($(el).attr("max")) {
|
|
|
+ if ($(el).val() > $(el).attr("max")) {
|
|
|
+ mcxDialog.alertC($(el).data('validName') + '은(는) 최대 ' + $(el).attr("max") + '보다 작아야 합니다.', {
|
|
|
+ sureBtnText: "확인",
|
|
|
+ sureBtnClick: function() {
|
|
|
+ $(el).focus();
|
|
|
+ }
|
|
|
+ });
|
|
|
+ isInvalid = false;
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ //최소값
|
|
|
+ if ($(el).attr("min")) {
|
|
|
+ if ($(el).val() < $(el).attr("min")) {
|
|
|
+ mcxDialog.alertC($(el).data('validName') + '은(는) 최소 ' + $(el).attr("min") + '보다 커야 합니다.', {
|
|
|
+ sureBtnText: "확인",
|
|
|
+ sureBtnClick: function() {
|
|
|
+ $(el).focus();
|
|
|
+ }
|
|
|
+ });
|
|
|
+ isInvalid = false;
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ case 'real': // 실수
|
|
|
+ //최대값
|
|
|
+ if ($(el).attr("max")) {
|
|
|
+ if ($(el).val() > $(el).attr("max")) {
|
|
|
+ mcxDialog.alertC($(el).data('validName') + '은(는) 최대 ' + $(el).attr("max") + '보다 작아야 합니다.', {
|
|
|
+ sureBtnText: "확인",
|
|
|
+ sureBtnClick: function() {
|
|
|
+ $(el).focus();
|
|
|
+ }
|
|
|
+ });
|
|
|
+ isInvalid = false;
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ //최소값
|
|
|
+ if ($(el).attr("min")) {
|
|
|
+ if ($(el).val() < $(el).attr("min")) {
|
|
|
+ mcxDialog.alertC($(el).data('validName') + '은(는) 최소 ' + $(el).attr("min") + '보다 커야 합니다.', {
|
|
|
+ sureBtnText: "확인",
|
|
|
+ sureBtnClick: function() {
|
|
|
+ $(el).focus();
|
|
|
+ }
|
|
|
+ });
|
|
|
+ isInvalid = false;
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ return isInvalid;
|
|
|
+ },
|
|
|
+
|
|
|
+ /**
|
|
|
+ * form을 validation 한다.
|
|
|
+ * 예)
|
|
|
+ * if (gagajf.validation('#registerForm');
|
|
|
+ */
|
|
|
+ validation : function(formId) {
|
|
|
+ var $form = $(formId);
|
|
|
+
|
|
|
+ if (!this.checkRequired($form))
|
|
|
+ return false;
|
|
|
+
|
|
|
+ if (!this.checkPattern($form))
|
|
|
+ return false;
|
|
|
+
|
|
|
+ if(!this.checkValue($form))
|
|
|
+ return false;
|
|
|
+
|
|
|
+ return true;
|
|
|
+ },
|
|
|
+
|
|
|
+ /**
|
|
|
+ * formId의 input의 data-valid-type이 integer, real인 경우에 값에 comma(,)를 자동으로 붙여 표시한다.
|
|
|
+ * 사용) gagajf.addCommaAtNumberFormattedInput('#registerForm');
|
|
|
+ */
|
|
|
+ addCommaAtNumberFormattedInput : function(formId) {
|
|
|
+ $(formId).find('input').each(function(idx, el) {
|
|
|
+ if ($(el).data('validType') == 'integer' || $(el).data('validType') == 'real') {
|
|
|
+ $(el).val($(el).val().removeComma().addComma());
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+
|
|
|
+ /**
|
|
|
+ * formId의 input의 data-valid-type이 integer, real, numeric 인 경우에 값에 comma(,)를 자동으로 제거한다.
|
|
|
+ * 사용) gagajf.removeCommaAtNumberFormattedInput('#registerForm');
|
|
|
+ */
|
|
|
+ removeCommaAtNumberFormattedInput : function(formId) {
|
|
|
+ $(formId).find('input').each(function(idx, el) {
|
|
|
+ if ($(el).data('validType') == 'integer' || $(el).data('validType') == 'real' || $(el).data('validType') == 'numeric') {
|
|
|
+ $(el).val($(el).val().removeComma());
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+
|
|
|
+ /**
|
|
|
+ * formId의 input의 값에 ?가 여러 개인 경우 ? 한 개로 대체한다.
|
|
|
+ * 사용) gagajf.replaceOneQuestionMark('#registerForm');
|
|
|
+ */
|
|
|
+ replaceOneQuestionMark : function(formId) {
|
|
|
+ $(formId).find('input[type=text]').each(function(idx, el) {
|
|
|
+ $(el).val($(el).val().replace(/\?+/gi, "?"));
|
|
|
+ });
|
|
|
+
|
|
|
+ $(formId).find('textarea').each(function(idx, el) {
|
|
|
+ $(el).val($(el).val().replace(/\?+/gi, "?"));
|
|
|
+ });
|
|
|
+ },
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Progress bar
|
|
|
+ */
|
|
|
+ showProgressbar : function(isLoading) {
|
|
|
+ if (isLoading) {
|
|
|
+ // Button disabled & progressBar creation
|
|
|
+ //$('.btn').each(function(idx) { $(this).attr('disabled', true); });
|
|
|
+ var load_AjaxSubmit = '<div id="load_AjaxSubmit" style="'
|
|
|
+ + 'background: url(/ux/plugins/gaga/loader.gif); border-style: none; background-repeat: no-repeat; '
|
|
|
+ + 'position: absolute; top: 45%; left: 50%; width: auto; '
|
|
|
+ + 'z-index: 101; padding: 16px; margin: 5px;'
|
|
|
+ + '"></div>';
|
|
|
+ $('#content').append(load_AjaxSubmit);
|
|
|
+ } else {
|
|
|
+ // Button activated & progressBar remove
|
|
|
+ //$('.btn').each(function(idx) { $(this).attr('disabled', false); });
|
|
|
+ $('#load_AjaxSubmit').remove();
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ /**
|
|
|
+ * form의 데이터를 json으로 변환 후 ajax 방식으로 submit 한다.
|
|
|
+ * 모든 form의 ajax 처리는 이것으로 진행한다.
|
|
|
+ * <pre>
|
|
|
+ * ajaxFormSubmit('/rest/commoncode/create', '#registerForm', jfRegisterSaveCallback);
|
|
|
+ * </pre>
|
|
|
+ * @param actionUrl - Request URL
|
|
|
+ * @param formId - form ID
|
|
|
+ * @param callbackFn - Callback function
|
|
|
+ * @author gagamel
|
|
|
+ * @since 2019. 4. 8
|
|
|
+ */
|
|
|
+ ajaxFormSubmit : function(actionUrl, formId, callbackFn) {
|
|
|
+ // comma(,) 제거
|
|
|
+ gagajf.removeCommaAtNumberFormattedInput(formId);
|
|
|
+
|
|
|
+ // 물음표(?) 여러 개를 1개로 대체
|
|
|
+// gagajf.replaceOneQuestionMark(formId);
|
|
|
+
|
|
|
+ var jsonData = JSON.stringify($(formId).serializeObject());
|
|
|
+
|
|
|
+ $.ajax({
|
|
|
+ type : 'POST',
|
|
|
+ url : actionUrl,
|
|
|
+ data : jsonData,
|
|
|
+ dataType : 'json',
|
|
|
+ jsonp : false, // 물음표(?) 여러 개가 jQuery~로 변경되는 현상 방지
|
|
|
+ beforeSend : function(xhr, settings) {
|
|
|
+ // AJAX call
|
|
|
+ xhr.setRequestHeader("AJAX", "true");
|
|
|
+
|
|
|
+ // dataType: "json"일 때
|
|
|
+ xhr.setRequestHeader('Accept', 'application/json');
|
|
|
+ xhr.setRequestHeader('Content-Type', 'application/json');
|
|
|
+
|
|
|
+ // Button disabled & progressBar creation
|
|
|
+ gagajf.showProgressbar(true);
|
|
|
+ },
|
|
|
+ complete : function(xhr) {
|
|
|
+ // Button abled & progressBar remove
|
|
|
+ gagajf.showProgressbar(false);
|
|
|
+
|
|
|
+ // 세션이 없다. 로그인 페이지로 이동
|
|
|
+ if (xhr.status == 901) {
|
|
|
+ mcxDialog.alertC('세션이 없습니다. 로그인 페이지로 이동합니다.', {
|
|
|
+ sureBtnText: "확인",
|
|
|
+ sureBtnClick: function() {
|
|
|
+ document.location.href = "/error/noSession";
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ success : function(result) {
|
|
|
+ if (typeof(result.status) == 'undefined' || result.status == 200) { // 성공
|
|
|
+ if (!gagajf.isNull(result.message)) {
|
|
|
+ mcxDialog.alertC(result.message, {
|
|
|
+ sureBtnText: "확인",
|
|
|
+ sureBtnClick: function() {
|
|
|
+ if (typeof(callbackFn) == "function") {
|
|
|
+ callbackFn.call(this, result);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ if (typeof(callbackFn) == "function") {
|
|
|
+ callbackFn.call(this, result);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ } else { // 실패
|
|
|
+ if (!gagajf.isNull(result.error.message)) {
|
|
|
+ mcxDialog.alert(result.error.message);
|
|
|
+ }
|
|
|
+
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ error : function(result) {
|
|
|
+ console.log(result);
|
|
|
+ mcxDialog.alert('오류로 인해 처리되지 않았습니다.');
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+
|
|
|
+ /**
|
|
|
+ * json 데이터를 가지고 ajax 방식으로 submit 한다.
|
|
|
+ * 모든 ajax 처리는 이것으로 진행한다.
|
|
|
+ * <pre>
|
|
|
+ * gagajf.removeCommaAtNumberFormattedInput('#registerForm'); // comma(,) 제거
|
|
|
+ * var jsonData = JSON.stringify($('#registerForm').serializeObject());
|
|
|
+ * gagajf.ajaxJsonSubmit('/rest/commoncode/create', jsonData, jfRegisterSaveCallback);
|
|
|
+ * </pre>
|
|
|
+ * @param actionUrl - Request URL
|
|
|
+ * @param jsonData - Data of json format
|
|
|
+ * @param callbackFn - Callback function
|
|
|
+ * @author gagamel
|
|
|
+ * @since 2019. 4. 8
|
|
|
+ */
|
|
|
+ ajaxJsonSubmit : function(actionUrl, jsonData, callbackFn) {
|
|
|
+ $.ajax({
|
|
|
+ type : 'POST',
|
|
|
+ url : actionUrl,
|
|
|
+ data : jsonData,
|
|
|
+ dataType : 'json',
|
|
|
+ jsonp : false, // 물음표(?) 여러 개가 jQuery~로 변경되는 현상 방지
|
|
|
+ beforeSend : function(xhr, settings) {
|
|
|
+ // AJAX call
|
|
|
+ xhr.setRequestHeader("AJAX", "true");
|
|
|
+
|
|
|
+ // dataType: "json"일 때
|
|
|
+ xhr.setRequestHeader('Accept', 'application/json');
|
|
|
+ xhr.setRequestHeader('Content-Type', 'application/json');
|
|
|
+
|
|
|
+ // Button disabled & progressBar creation
|
|
|
+ gagajf.showProgressbar(true);
|
|
|
+ },
|
|
|
+ complete : function(xhr) {
|
|
|
+ // Button abled & progressBar remove
|
|
|
+ gagajf.showProgressbar(false);
|
|
|
+
|
|
|
+ // 세션이 없다. 로그인 페이지로 이동
|
|
|
+ if (xhr.status == 901) {
|
|
|
+ mcxDialog.alertC('세션이 없습니다. 로그인 페이지로 이동합니다.', {
|
|
|
+ sureBtnText: "확인",
|
|
|
+ sureBtnClick: function() {
|
|
|
+ document.location.href = "/error/noSession";
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ success : function(result) {
|
|
|
+ if (typeof(result.status) == 'undefined' || result.status == 200) { // 성공
|
|
|
+ if (!gagajf.isNull(result.message)) {
|
|
|
+ mcxDialog.alertC(result.message, {
|
|
|
+ sureBtnText: "확인",
|
|
|
+ sureBtnClick: function() {
|
|
|
+ if (typeof(callbackFn) == "function") {
|
|
|
+ callbackFn.call(this, result);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ if (typeof(callbackFn) == "function") {
|
|
|
+ callbackFn.call(this, result);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ } else { // 실패
|
|
|
+ if (!gagajf.isNull(result.error.message)) {
|
|
|
+ mcxDialog.alert(result.error.message);
|
|
|
+ }
|
|
|
+
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ error : function(result) {
|
|
|
+ console.log(result);
|
|
|
+ mcxDialog.alert('오류로 인해 처리되지 않았습니다.');
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+
|
|
|
+ /**
|
|
|
+ * ajax 방식으로 파일을 업로드 한다.
|
|
|
+ * <pre>
|
|
|
+ * gagajf.ajaxFileUpload('/common/file/upload?subDir=notice', this.files[0], jfCallback);
|
|
|
+ * </pre>
|
|
|
+ * @param actionUrl - Request URL
|
|
|
+ * @param file - A file to upload
|
|
|
+ * @param callbackFn - Callback function
|
|
|
+ * @param policy - Upload policy
|
|
|
+ * @author gagamel
|
|
|
+ * @since 2019. 7. 9
|
|
|
+ */
|
|
|
+ ajaxFileUpload : function(actionUrl, file, callbackFn, policy) {
|
|
|
+ var formData = new FormData();
|
|
|
+ formData.append("file", file);
|
|
|
+
|
|
|
+ if (typeof policy != 'undefined') {
|
|
|
+ formData.append("policy", policy);
|
|
|
+ }
|
|
|
+
|
|
|
+ $.ajax({
|
|
|
+ type : 'POST',
|
|
|
+ url : actionUrl,
|
|
|
+ data : formData,
|
|
|
+ dataType: 'json',
|
|
|
+ processData : false, // true: data의 파일 형태가 query String으로 전송. false : non-processed data
|
|
|
+ contentType : false, // multipart/form-data 형태로 전송되기 위한 옵션 값
|
|
|
+ beforeSend : function(xhr, settings) {
|
|
|
+ // AJAX call
|
|
|
+ xhr.setRequestHeader("AJAX", "true");
|
|
|
+
|
|
|
+ // Button disabled & progressBar creation
|
|
|
+ gagajf.showProgressbar(true);
|
|
|
+ },
|
|
|
+ complete : function(xhr) {
|
|
|
+ // Button abled & progressBar remove
|
|
|
+ gagajf.showProgressbar(false);
|
|
|
+
|
|
|
+ // 세션이 없다. 로그인 페이지로 이동
|
|
|
+ if (xhr.status == 901) {
|
|
|
+ mcxDialog.alertC('세션이 없습니다. 로그인 페이지로 이동합니다.', {
|
|
|
+ sureBtnText: "확인",
|
|
|
+ sureBtnClick: function() {
|
|
|
+ document.location.href = "/error/noSession";
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ success : function(result) {
|
|
|
+ if (typeof(result.status) == 'undefined' || result.status == 200) { // 성공
|
|
|
+ if (!gagajf.isNull(result.message)) {
|
|
|
+ mcxDialog.alertC(result.message, {
|
|
|
+ sureBtnText: "확인",
|
|
|
+ sureBtnClick: function() {
|
|
|
+ if (typeof(callbackFn) == "function") {
|
|
|
+ callbackFn.call(this, result);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ if (typeof(callbackFn) == "function") {
|
|
|
+ callbackFn.call(this, result);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ } else { // 실패
|
|
|
+ if (!gagajf.isNull(result.error.message)) {
|
|
|
+ mcxDialog.alert(result.error.message);
|
|
|
+ }
|
|
|
+
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ error: function(result) {
|
|
|
+ console.log(result);
|
|
|
+ mcxDialog.alert('오류로 인해 처리되지 않았습니다.');
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+
|
|
|
+ /**
|
|
|
+ * 대용량 json 데이터를 가지고 ajax 방식으로 submit 한다.
|
|
|
+ * <pre>
|
|
|
+ * gagajf.removeCommaAtNumberFormattedInput('#registerForm'); // comma(,) 제거
|
|
|
+ * gagajf.replaceOneQuestionMark('#registerForm'); // 물음표(?) 여러개를 1개로 대체
|
|
|
+ * var jsonData = JSON.stringify($('#registerForm').serializeObject());
|
|
|
+ * gagajf.ajaxJsonBatchSubmit('/rest/commoncode/create', jsonData, 1, 3, jfRegisterSaveCallback);
|
|
|
+ * </pre>
|
|
|
+ * @param actionUrl - Request URL
|
|
|
+ * @param jsonData - Data of json format
|
|
|
+ * @param callIdx - 호출인덱스(실제 호출한 횟수)
|
|
|
+ * @param callCnt - 호출해야할횟수(몇 번 호출해야 하는지)
|
|
|
+ * @param callbackFn - Callback function
|
|
|
+ * @author gagamel
|
|
|
+ * @since 2019. 4. 8
|
|
|
+ */
|
|
|
+ ajaxJsonBatchSubmit : function(actionUrl, jsonData, callIdx, callCnt, callbackFn) {
|
|
|
+ $.ajax({
|
|
|
+ type : 'POST',
|
|
|
+ url : actionUrl,
|
|
|
+ data : jsonData,
|
|
|
+ dataType : 'json',
|
|
|
+ beforeSend : function(xhr, settings) {
|
|
|
+ // AJAX call
|
|
|
+ xhr.setRequestHeader("AJAX", "true");
|
|
|
+
|
|
|
+ // dataType: "json"일 때
|
|
|
+ xhr.setRequestHeader('Accept', 'application/json');
|
|
|
+ xhr.setRequestHeader('Content-Type', 'application/json');
|
|
|
+
|
|
|
+ // Button disabled & progressBar creation
|
|
|
+ if (callIdx == 1) { // 첫번째 호출이면
|
|
|
+ gagajf.showProgressbar(true);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ complete : function(xhr) {
|
|
|
+ // Button abled & progressBar remove
|
|
|
+ if (callIdx == callCnt) { // 마지막 호출이면
|
|
|
+ gagajf.showProgressbar(false);
|
|
|
+ }
|
|
|
+
|
|
|
+ // 세션이 없다. 로그인 페이지로 이동
|
|
|
+ if (xhr.status == 901) {
|
|
|
+ mcxDialog.alertC('세션이 없습니다. 로그인 페이지로 이동합니다.', {
|
|
|
+ sureBtnText: "확인",
|
|
|
+ sureBtnClick: function() {
|
|
|
+ document.location.href = "/error/noSession";
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ success : function(result) {
|
|
|
+ if (callIdx == callCnt) { // 마지막 호출이면
|
|
|
+ mcxDialog.alertC('성공적으로 처리되었습니다.', {
|
|
|
+ sureBtnText: "확인",
|
|
|
+ sureBtnClick: function() {
|
|
|
+ if (typeof(callbackFn) == "function") {
|
|
|
+ callbackFn.call(this, result);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ if (typeof(callbackFn) == "function") {
|
|
|
+ callbackFn.call(this, result);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ error : function(result) {
|
|
|
+ console.log(result);
|
|
|
+ mcxDialog.alert('오류로 인해 처리되지 않았습니다.');
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+
|
|
|
+ /**
|
|
|
+ * JQuery를 이용한 비동기 submit 처리
|
|
|
+ * 파라미터의 명칭은 쿼리문과 동일하게 작성해야 한다.
|
|
|
+ * <pre>
|
|
|
+ * var params = new Object();
|
|
|
+ * params.cdGb = "G900";
|
|
|
+ * params.cd = "0202";
|
|
|
+ *
|
|
|
+ * gagajf.ajaxSubmit("/rest/commoncode/create", "json", jfCallback, params);
|
|
|
+ *
|
|
|
+ * or
|
|
|
+ *
|
|
|
+ * gagajf.ajaxSubmit("/rest/commoncode/create", "json", jfCallback);
|
|
|
+ * </pre>
|
|
|
+ * @param : actionUrl - action url. 필수
|
|
|
+ * type - 처리결과 형식(text, html, xml, json). 필수
|
|
|
+ * callback - type이 text, xml, json 일 때는 콜백함수명
|
|
|
+ * type이 html일 때는 target명. 필수
|
|
|
+ * params - 파라미터 오브젝트. 옵션
|
|
|
+ * @author gagamel
|
|
|
+ * @since 2019. 4. 8
|
|
|
+ */
|
|
|
+ ajaxSubmit : function(actionUrl, type, callback, params) {
|
|
|
+ $.ajaxSetup({
|
|
|
+ beforeSend: function(xhr, settings) {
|
|
|
+ // AJAX call
|
|
|
+ xhr.setRequestHeader("AJAX", "true");
|
|
|
+
|
|
|
+ // type: "json"일 때
|
|
|
+ if (type == "json") {
|
|
|
+ xhr.setRequestHeader('Accept', 'application/json');
|
|
|
+ xhr.setRequestHeader('Content-Type', 'application/json');
|
|
|
+ }
|
|
|
+ },
|
|
|
+ complete: function(xhr) {
|
|
|
+ // 세션이 없다. 로그인 페이지로 이동
|
|
|
+ if (xhr.status == 901) {
|
|
|
+ mcxDialog.alertC('세션이 없습니다. 로그인 페이지로 이동합니다.', {
|
|
|
+ sureBtnText: "확인",
|
|
|
+ sureBtnClick: function() {
|
|
|
+ document.location.href = "/error/noSession";
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ if (!params) params = new Object();
|
|
|
+
|
|
|
+ var paramData = $.param(params);
|
|
|
+
|
|
|
+ // dataType: "json"일 때
|
|
|
+ if (type == "json") {
|
|
|
+ paramData = JSON.stringify(params);
|
|
|
+ }
|
|
|
+
|
|
|
+ $.post(actionUrl
|
|
|
+ , paramData
|
|
|
+ , function(result) {
|
|
|
+ if (type == "html") {
|
|
|
+ if (!gagajf.isNull(callback))
|
|
|
+ $(document.getElementById(callback)).html(result);
|
|
|
+ } else {
|
|
|
+ // Callback 함수 호출
|
|
|
+ if (typeof(callback) == "function")
|
|
|
+ callback.call(this, result);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ , type);
|
|
|
+ },
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @type : function
|
|
|
+ * @access : public
|
|
|
+ * @desc : 기간의 시작일자와 종료일자를 설정한다.
|
|
|
+ * <pre>
|
|
|
+ * gagajf.setDate($('#sellStdt'), $('#sellEddt'), 't');
|
|
|
+ * </pre>
|
|
|
+ * @param : fromObj - 시작일자 오브젝트
|
|
|
+ * @param : toObj - 종료일자 오브젝트
|
|
|
+ * @param : type - 유형(오늘: t, 어제: y, 최근한주: 7d, 이번주: tw, 지난주: pw, 최근한달: 1m, 이번달: tm, 지난달: pm, 최근3개월: 3m
|
|
|
+ * @since : 2019/08/09
|
|
|
+ * @author : gagamel
|
|
|
+ */
|
|
|
+ setDate : function(tgtId, fromObj, toObj, type) {
|
|
|
+ var date = new Date();
|
|
|
+
|
|
|
+ if (type == '') { // 기간 X
|
|
|
+ $(tgtId +' #' + fromObj).val('');
|
|
|
+ $(tgtId +' #' + toObj).val('');
|
|
|
+ } else if (type == 't') { // 오늘
|
|
|
+ $(tgtId +' #' + fromObj).val(date.format("YYYY-MM-DD"));
|
|
|
+ $(tgtId +' #' + toObj).val(date.format("YYYY-MM-DD"));
|
|
|
+ } else if (type == 'y') { // 어제
|
|
|
+ $(tgtId +' #' + fromObj).val(date.before(0, 0, 1).format("YYYY-MM-DD"));
|
|
|
+ $(tgtId +' #' + toObj).val(date.before(0, 0, 1).format("YYYY-MM-DD"));
|
|
|
+ } else if (type == '7d') { // 최근한주
|
|
|
+ $(tgtId +' #' + fromObj).val(date.before(0, 0, 6).format("YYYY-MM-DD"));
|
|
|
+ $(tgtId +' #' + toObj).val(date.format("YYYY-MM-DD"));
|
|
|
+ } else if (type == 'tw') { // 이번주
|
|
|
+ var wdays = date.getDate() - date.getDay();
|
|
|
+ $(tgtId +' #' + fromObj).val((date.format('YYYY-MM-') + '01').toDate('YYYY-MM-DD').after(0, 0, wdays).format("YYYY-MM-DD"));
|
|
|
+ $(tgtId +' #' + toObj).val((date.format('YYYY-MM-') + '01').toDate('YYYY-MM-DD').after(0, 0, wdays + 6).format("YYYY-MM-DD"));
|
|
|
+ } else if (type == 'pw') { // 지난주
|
|
|
+ var wdays = date.getDate() - date.getDay();
|
|
|
+ $(tgtId +' #' + fromObj).val((date.format('YYYY-MM-') + '01').toDate('YYYY-MM-DD').after(0, 0, wdays - 7).format("YYYY-MM-DD"));
|
|
|
+ $(tgtId +' #' + toObj).val((date.format('YYYY-MM-') + '01').toDate('YYYY-MM-DD').after(0, 0, wdays - 1).format("YYYY-MM-DD"));
|
|
|
+ } else if (type == '1m') { // 최근한달
|
|
|
+ $(tgtId +' #' + fromObj).val(date.before(0, 1, 0).after(0, 0, 1).format("YYYY-MM-DD"));
|
|
|
+ $(tgtId +' #' + toObj).val(date.format("YYYY-MM-DD"));
|
|
|
+ } else if (type == 'tm') { // 이번달
|
|
|
+ $(tgtId +' #' + fromObj).val(date.format("YYYY-MM-") + '01');
|
|
|
+ $(tgtId +' #' + toObj).val((date.format('YYYY-MM-') + '01').toDate('YYYY-MM-DD').after(0, 1, 0).before(0, 0, 1).format("YYYY-MM-DD"));
|
|
|
+ } else if (type == 'pm') { // 지난달
|
|
|
+ //$(tgtId +' #' + fromObj).val(date.before(0, 1, 0).format("YYYY-MM-") + '01');
|
|
|
+ $(tgtId +' #' + fromObj).val((date.format('YYYY-MM-') + '01').toDate('YYYY-MM-DD').before(0, 1, 0).format("YYYY-MM-") + '01');
|
|
|
+ $(tgtId +' #' + toObj).val((date.format('YYYY-MM-') + '01').toDate('YYYY-MM-DD').before(0, 0, 1).format("YYYY-MM-DD"));
|
|
|
+ } else if (type == '3m') { // 최근3개월
|
|
|
+ $(tgtId +' #' + fromObj).val(date.before(0, 3, 0).after(0, 0, 1).format("YYYY-MM-DD"));
|
|
|
+ $(tgtId +' #' + toObj).val(date.format("YYYY-MM-DD"));
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @type : function
|
|
|
+ * @access : public
|
|
|
+ * @desc : Set Cookie
|
|
|
+ * <pre>
|
|
|
+ * gagajf.setCookie("COOKIE_TODAY_PROD", "HUE00C105GE", 1);
|
|
|
+ * </pre>
|
|
|
+ * @param : name - 쿠키명
|
|
|
+ * @param : value - 쿠키 값
|
|
|
+ * @param : expiredays - 만료기간
|
|
|
+ * @return : None
|
|
|
+ * @since : 2019/07/01
|
|
|
+ * @author : gagamel
|
|
|
+ */
|
|
|
+ setCookie : function(name, value, expiredays) {
|
|
|
+ var todayDate = new Date();
|
|
|
+ todayDate.setDate(todayDate.getDate() + expiredays);
|
|
|
+ document.cookie = name + "=" + escape(value) + "; path=/; expires=" + todayDate.toGMTString() + ";";
|
|
|
+ },
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @type : function
|
|
|
+ * @access : public
|
|
|
+ * @desc : Get Cookie
|
|
|
+ * <pre>
|
|
|
+ * gagajf.getCookie("COOKIE_TODAY_PROD");
|
|
|
+ * </pre>
|
|
|
+ * @param : name - 쿠키명
|
|
|
+ * @return : None
|
|
|
+ * @since : 2019/07/01
|
|
|
+ * @author : gagamel
|
|
|
+ */
|
|
|
+ getCookie : function(name) {
|
|
|
+ var nameOfCookie = name + "=";
|
|
|
+ var x = 0;
|
|
|
+ while (x <= document.cookie.length) {
|
|
|
+ var y = (x+nameOfCookie.length);
|
|
|
+ if (document.cookie.substring(x, y) == nameOfCookie) {
|
|
|
+ if ((endOfCookie=document.cookie.indexOf(";", y)) == -1) endOfCookie = document.cookie.length;
|
|
|
+ return unescape(document.cookie.substring(y, endOfCookie));
|
|
|
+ }
|
|
|
+ x = document.cookie.indexOf(" ", x) + 1;
|
|
|
+ if (x == 0) break;
|
|
|
+ }
|
|
|
+
|
|
|
+ return "";
|
|
|
+ },
|
|
|
+
|
|
|
+ /**
|
|
|
+ * 데이터를 배열로 변환
|
|
|
+ * 예)
|
|
|
+ * convertToArray({cd: "KNE", cdNm: "KNE"});
|
|
|
+ * @param : data - 데이터
|
|
|
+ * @param : isCodeDisplay - 코드표시여부(true/false). default false
|
|
|
+ * @author : gagamel
|
|
|
+ * @since : 2019. 6. 7
|
|
|
+ */
|
|
|
+ convertToArray : function(data, isCodeDisplay) {
|
|
|
+ if (data.length == 0)
|
|
|
+ return [];
|
|
|
+
|
|
|
+ if (typeof(isCodeDisplay) == 'undefined')
|
|
|
+ isCodeDisplay = false;
|
|
|
+
|
|
|
+ var arrValue = {};
|
|
|
+
|
|
|
+ $.each(data, function(idx, item) {
|
|
|
+ arrValue[item.cd] = (isCodeDisplay ? '[' + item.cd + '] ' : '') + item.cdNm;
|
|
|
+ });
|
|
|
+
|
|
|
+ return arrValue;
|
|
|
+ } ,
|
|
|
+ checkFileSize : function (data){
|
|
|
+ var isInvalid = true;
|
|
|
+
|
|
|
+ var fileSize = data.size;
|
|
|
+ var maxSize = 1024 * 1024 * 10;
|
|
|
+ if(fileSize > maxSize){
|
|
|
+ alert("파일용량이 10MB을 초과했습니다.");
|
|
|
+ isInvalid = false;
|
|
|
+ return false;
|
|
|
+ }else{
|
|
|
+ isInvalid = true
|
|
|
+ return true;
|
|
|
+ }
|
|
|
+
|
|
|
+ return isInvalid;
|
|
|
+ }
|
|
|
+};
|
|
|
+
|
|
|
+/**
|
|
|
+ * @type : function
|
|
|
+ * @access : document
|
|
|
+ * @desc : <input> 태그에 대한 키눌림에 대해 validation을 체크한다.
|
|
|
+ * data-valid-type="numeric" : 숫자. 속성 지정시 숫자만 입력 가능
|
|
|
+ * data-valid-type="integer" : 정수. 속성 지정시 숫자와 +, - 만 입력 가능
|
|
|
+ * data-valid-type="real" : 실수. 속성 지정시 숫자와 +, -, . 만 입력 가능
|
|
|
+ * data-valid-type="alphaNumeric" : 알파벳과 숫자. 속성 지정 시 영문과 숫자만 형식에 맞게 입력 가능
|
|
|
+ * data-valid-type="date" : 숫자와 / 만 입력 가능
|
|
|
+ * data-valid-type="korean" : 한글. 속성 지정 시 한글만 형식에 맞게 입력 가능
|
|
|
+ * data-valid-type="email" : 이메일
|
|
|
+ * data-valid-type="password" : 비밀번호
|
|
|
+ * data-valid-type="cellPhone" : 휴대전화번호
|
|
|
+ * data-valid-type="phone" : 일반전화번호
|
|
|
+ * data-valid-type="ipAddress" : IP주소
|
|
|
+ * data-valid-type="bizRegNo" : 사업자등록번호
|
|
|
+ * <pre>
|
|
|
+ * <input type="text" data-valid-type="numeric" />
|
|
|
+ * <input type="text" data-valid-type="integer" />
|
|
|
+ * <input type="text" data-valid-type="real" />
|
|
|
+ * <input type="text" data-valid-type="alphaNumeric" />
|
|
|
+ * <input type="text" data-valid-type="date" />
|
|
|
+ * <input type="text" data-valid-type="korean" />
|
|
|
+ * <input type="text" data-valid-type="email" />
|
|
|
+ * <input type="text" data-valid-type="password" />
|
|
|
+ * <input type="text" data-valid-type="cellPhone" />
|
|
|
+ * <input type="text" data-valid-type="phone" />
|
|
|
+ * <input type="text" data-valid-type="ipAddress" />
|
|
|
+ * <input type="text" data-valid-type="bizRegNo" />
|
|
|
+ * </pre>
|
|
|
+ * @author : gagamel
|
|
|
+ * @since : 2017/09/20
|
|
|
+ */
|
|
|
+$(document).on("keyup", "[data-valid-type=numeric]", function() { $(this).val($(this).val().replace(/[^0-9]/gi,"")); });
|
|
|
+$(document).on("keydown", "[data-valid-type=numeric]", function() {
|
|
|
+ var value = $(this).val();
|
|
|
+
|
|
|
+ var keyCode = gagajf.getKeyCode();
|
|
|
+ if (keyCode == -1)
|
|
|
+ return true;
|
|
|
+
|
|
|
+ if (!((keyCode >= 48 && keyCode <= 57 && !event.shiftKey) // 0 ~ 9
|
|
|
+ || (keyCode >= 96 && keyCode <= 105) // 0 ~ 9 (Num Lock)
|
|
|
+ )) {
|
|
|
+ $(this).val(value);
|
|
|
+ event.returnValue = false;
|
|
|
+ }
|
|
|
+});
|
|
|
+$(document).on("blur", "[data-valid-type=integer]", function() { $(this).val($(this).val().removeComma().addComma()); });
|
|
|
+$(document).on("click", "[data-valid-type=integer]", function() { $(this).val($(this).val().removeComma()); });
|
|
|
+$(document).on("keyup", "[data-valid-type=integer]", function() { $(this).val($(this).val().replace(/[^0-9-\+]/gi,"")); });
|
|
|
+$(document).on("keydown", "[data-valid-type=integer]", function() {
|
|
|
+ var value = $(this).val();
|
|
|
+
|
|
|
+ var keyCode = gagajf.getKeyCode();
|
|
|
+ if (keyCode == -1)
|
|
|
+ return true;
|
|
|
+
|
|
|
+ if (!((keyCode >= 48 && keyCode <= 57 && !event.shiftKey) // 0 ~ 9
|
|
|
+ || (keyCode >= 96 && keyCode <= 105) // 0 ~ 9 (Num Lock)
|
|
|
+ || (keyCode == 187 && event.shiftKey) // Shift 하고 +
|
|
|
+ || (keyCode == 107) // + (Num Lock)
|
|
|
+ || (keyCode == 189 && !event.shiftKey) // Shift 없이 -
|
|
|
+ || (keyCode == 109) // - (Num Lock)
|
|
|
+ )) {
|
|
|
+ $(this).val(value);
|
|
|
+ event.returnValue = false;
|
|
|
+ }
|
|
|
+});
|
|
|
+$(document).on("blur", "[data-valid-type=real]", function() { $(this).val($(this).val().removeComma().addComma()); });
|
|
|
+$(document).on("click", "[data-valid-type=real]", function() { $(this).val($(this).val().removeComma()); });
|
|
|
+$(document).on("keyup", "[data-valid-type=real]", function() { $(this).val($(this).val().replace(/[^0-9-\+\.]/gi,"")); });
|
|
|
+$(document).on("keydown", "[data-valid-type=real]", function() {
|
|
|
+ var value = $(this).val();
|
|
|
+
|
|
|
+ var keyCode = gagajf.getKeyCode();
|
|
|
+ if (keyCode == -1)
|
|
|
+ return true;
|
|
|
+
|
|
|
+ if (!((keyCode >= 48 && keyCode <= 57 && !event.shiftKey) // 0 ~ 9
|
|
|
+ || (keyCode >= 96 && keyCode <= 105) // 0 ~ 9 (Num Lock)
|
|
|
+ || (keyCode == 187 && event.shiftKey) // Shift 하고 +
|
|
|
+ || (keyCode == 107) // + (Num Lock)
|
|
|
+ || (keyCode == 189 && !event.shiftKey) // Shift 없이 -
|
|
|
+ || (keyCode == 109) // - (Num Lock)
|
|
|
+ || (keyCode == 190 && !event.shiftKey) // .
|
|
|
+ )) {
|
|
|
+ $(this).val(value);
|
|
|
+ event.returnValue = false;
|
|
|
+ }
|
|
|
+});
|
|
|
+$(document).on("keyup", "[data-valid-type=alphaNumeric]", function() { $(this).val($(this).val().replace(/[^a-zA-Z0-9]/gi, "")); });
|
|
|
+$(document).on("keyup", "[data-valid-type=date]", function() { $(this).val($(this).val().replace(/[^0-9\/]/gi,"")); });
|
|
|
+$(document).on("keyup", "[data-valid-type=calendar]", function() { $(this).val($(this).val().replace(/[^0-9\/]/gi,"")); });
|
|
|
+$(document).on("blur", "[data-valid-type=calendar]", function() {
|
|
|
+ var val = $(this).val();
|
|
|
+ if(val==''){
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ val = val.replace(/-/gi, "");
|
|
|
+ var temp = val.substring(0, 4)+" ";
|
|
|
+ if(Number(val.substring(4, 6))>12){
|
|
|
+ temp += "12";
|
|
|
+ }else if(Number(val.substring(4, 6))==0){
|
|
|
+ temp += "1";
|
|
|
+ }else{
|
|
|
+ temp += Number(val.substring(4, 6));
|
|
|
+ }
|
|
|
+ temp += " ";
|
|
|
+ if(Number(val.substring(6, 8))>31){
|
|
|
+ temp += "31";
|
|
|
+ }else if(Number(val.substring(6, 8))==0){
|
|
|
+ temp += "1";
|
|
|
+ }else{
|
|
|
+ temp += Number(val.substring(6, 8));
|
|
|
+ }
|
|
|
+
|
|
|
+ var date = new Date(temp);
|
|
|
+ var yyyy = date.getFullYear().toString();
|
|
|
+ var mm = (date.getMonth() + 1).toString();
|
|
|
+ var dd = date.getDate().toString();
|
|
|
+ $(this).val(yyyy + '-' + (mm[1] ? mm : '0'+mm[0])+ '-' + (dd[1] ? dd : '0'+dd[0]));
|
|
|
+});
|
|
|
+$(document).on("keyup", "[data-valid-type=korean]", function() { $(this).val($(this).val().replace(/[^가-힣]/gi, "")); });
|
|
|
+$(document).on("keyup", "[data-valid-type=email]", function() { $(this).val($(this).val().replace(/[^a-zA-Z0-9\@\+\_\.\@\-]/gi, "")); });
|
|
|
+$(document).on("keyup", "[data-valid-type=password]", function() { $(this).val($(this).val().replace(/[^a-zA-Z0-9\~\!\@\#\$\%\^\&\*\?\(\)\_\+\{\}\[\]]/gi, "")); });
|
|
|
+$(document).on("keyup", "[data-valid-type=cellPhone]", function() { $(this).val($(this).val().replace(/[^\d-]/gi, "")); });
|
|
|
+$(document).on("keydown", "[data-valid-type=cellPhone]", function() {
|
|
|
+ var value = $(this).val();
|
|
|
+
|
|
|
+ var keyCode = gagajf.getKeyCode();
|
|
|
+ if (keyCode == -1)
|
|
|
+ return true;
|
|
|
+
|
|
|
+ if (!((keyCode >= 48 && keyCode <= 57 && !event.shiftKey) // 0 ~ 9
|
|
|
+ || (keyCode >= 96 && keyCode <= 105) // 0 ~ 9 (Num Lock)
|
|
|
+ || (keyCode == 189 && !event.shiftKey) // Shift 없이 -
|
|
|
+ || (keyCode == 109) // - (Num Lock)
|
|
|
+ )) {
|
|
|
+ $(this).val(value);
|
|
|
+ event.returnValue = false;
|
|
|
+ }
|
|
|
+});
|
|
|
+$(document).on("keyup keydown paste change", "[data-valid-type=cellPhone]", function() {
|
|
|
+ $(this).val($(this).val().replace(/[^0-9]/g, "").replace(/(^02|^050[0-9]{1}|^1[0-9]{3}|^0[0-9]{2})([0-9]+)?([0-9]{4})$/,"$1-$2-$3").replace("--", "-"));
|
|
|
+});
|
|
|
+$(document).on("keyup", "[data-valid-type=phone]", function() { $(this).val($(this).val().replace(/[^\d-]/gi, "")); });
|
|
|
+$(document).on("keydown", "[data-valid-type=phone]", function() {
|
|
|
+ var value = $(this).val();
|
|
|
+
|
|
|
+ var keyCode = gagajf.getKeyCode();
|
|
|
+ if (keyCode == -1)
|
|
|
+ return true;
|
|
|
+
|
|
|
+ if (!((keyCode >= 48 && keyCode <= 57 && !event.shiftKey) // 0 ~ 9
|
|
|
+ || (keyCode >= 96 && keyCode <= 105) // 0 ~ 9 (Num Lock)
|
|
|
+ || (keyCode == 189 && !event.shiftKey) // Shift 없이 -
|
|
|
+ || (keyCode == 109) // - (Num Lock)
|
|
|
+ )) {
|
|
|
+ $(this).val(value);
|
|
|
+ event.returnValue = false;
|
|
|
+ }
|
|
|
+});
|
|
|
+$(document).on("keyup", "[data-valid-type=ipAddress]", function() { $(this).val($(this).val().replace(/[^\d\.]/gi, "")); });
|
|
|
+$(document).on("keydown", "[data-valid-type=ipAddress]", function() {
|
|
|
+ var value = $(this).val();
|
|
|
+
|
|
|
+ var keyCode = gagajf.getKeyCode();
|
|
|
+ if (keyCode == -1)
|
|
|
+ return true;
|
|
|
+
|
|
|
+ if (!((keyCode >= 48 && keyCode <= 57 && !event.shiftKey) // 0 ~ 9
|
|
|
+ || (keyCode >= 96 && keyCode <= 105) // 0 ~ 9 (Num Lock)
|
|
|
+ || (keyCode == 190 && !event.shiftKey) // .
|
|
|
+ )) {
|
|
|
+ $(this).val(value);
|
|
|
+ event.returnValue = false;
|
|
|
+ }
|
|
|
+});
|
|
|
+$(document).on("keyup", "[data-valid-type=bizRegNo]", function() { $(this).val($(this).val().replace(/[^0-9\-]/gi,"")); });
|
eskim