{"id":1037,"date":"2024-04-16T19:55:08","date_gmt":"2024-04-16T10:55:08","guid":{"rendered":"http:\/\/inwelly.com\/?p=1037"},"modified":"2024-04-22T05:04:04","modified_gmt":"2024-04-21T20:04:04","slug":"javascript-%ec%9e%85%eb%a0%a5-%ec%a0%9c%ec%95%bd-%ec%b0%b8%ec%a1%b0","status":"publish","type":"post","link":"https:\/\/inwelly.com\/?p=1037","title":{"rendered":"JAVASCRIPT \uc785\ub825 \uc81c\uc57d \ucc38\uc870"},"content":{"rendered":"\n
\n

var common = {<\/p>\n\n\n\n

datepicker : function(){<\/p>\n\n\n\n

$(“.datepicker”).datepicker({<\/p>\n\n\n\n

  dateFormat : ‘yy-mm-dd’<\/p>\n\n\n\n

, prevText : ‘\uc774\uc804\ub2ec’<\/p>\n\n\n\n

, nextText : ‘\ub2e4\uc74c\ub2ec’<\/p>\n\n\n\n

, monthNames : [‘1\uc6d4’,’2\uc6d4’,’3\uc6d4’,’4\uc6d4’,’5\uc6d4’,’6\uc6d4’,’7\uc6d4’,’8\uc6d4’,’9\uc6d4’,’10\uc6d4’,’11\uc6d4’,’12\uc6d4’]<\/p>\n\n\n\n

, monthNamesShort : [‘1\uc6d4’,’2\uc6d4’,’3\uc6d4’,’4\uc6d4’,’5\uc6d4’,’6\uc6d4’,’7\uc6d4’,’8\uc6d4’,’9\uc6d4’,’10\uc6d4’,’11\uc6d4’,’12\uc6d4’]<\/p>\n\n\n\n

, dayNamesMin : [‘\uc77c’,’\uc6d4’,’\ud654’,’\uc218’,’\ubaa9’,’\uae08’,’\ud1a0’]<\/p>\n\n\n\n

, showMonthAfterYear : true<\/p>\n\n\n\n

, inline : true<\/p>\n\n\n\n

, changeMonth : true<\/p>\n\n\n\n

, changeYear : true<\/p>\n\n\n\n

, showMonthAfterYear : true<\/p>\n\n\n\n

, showButtonPanel : true \/\/ \uce98\ub9b0\ub354 \ud558\ub2e8\uc5d0 \ubc84\ud2bc \ud328\ub110\uc744 \ud45c\uc2dc\ud55c\ub2e4.<\/p>\n\n\n\n

, currentText : ‘\uc624\ub298 \ub0a0\uc9dc’ \/\/ \uc624\ub298 \ub0a0\uc9dc\ub85c \uc774\ub3d9\ud558\ub294 \ubc84\ud2bc \ud328\ub110<\/p>\n\n\n\n

, closeText : ‘\ub2eb\uae30’<\/p>\n\n\n\n

});<\/p>\n\n\n\n

$(“.datepicker”).mask(“9999-99-99”);<\/p>\n\n\n\n

$(“.datepicker”).blur(function(){<\/p>\n\n\n\n

if(!validation.isNull($(this).val()) && !validation.isValidDate($(this).val())){<\/p>\n\n\n\n

$(this).val(“”);<\/p>\n\n\n\n

$(this).focus();<\/p>\n\n\n\n

alert(“\uc62c\ubc14\ub974\uc9c0 \uc54a\uc740 \ub0a0\uc9dc\uc785\ub2c8\ub2e4.”);<\/p>\n\n\n\n

}<\/p>\n\n\n\n

});<\/p>\n\n\n\n

$(“.datepickerBtn”).click(function(){<\/p>\n\n\n\n

$(this).prev().focus();<\/p>\n\n\n\n

});<\/p>\n\n\n\n

}<\/p>\n\n\n\n

, numeric : function(){<\/p>\n\n\n\n

$(“.numeric”).css(“ime-mode”, “disabled”);\/\/\ud55c\uae00\uc785\ub825 X<\/p>\n\n\n\n

$(“.numeric”).mask(“#0”, {reverse: true, maxlength: false});<\/p>\n\n\n\n

}<\/p>\n\n\n\n

, decimal : function(){<\/p>\n\n\n\n

$(“.decimal”).css(“ime-mode”, “disabled”);\/\/\ud55c\uae00\uc785\ub825 X<\/p>\n\n\n\n

 $(“.decimal”).autoNumeric(“init”,{<\/p>\n\n\n\n

aSep: ‘,’<\/p>\n\n\n\n

, aDec: ‘.’<\/p>\n\n\n\n

, vMax : ‘9999999999999.9’<\/p>\n\n\n\n

, vMin : ‘-9999999999999.9’<\/p>\n\n\n\n

});<\/p>\n\n\n\n

}<\/p>\n\n\n\n

, decimalNoPoint : function(){<\/p>\n\n\n\n

$(“.decimalNoPoint”).css(“ime-mode”, “disabled”);\/\/\ud55c\uae00\uc785\ub825 X<\/p>\n\n\n\n

 $(“.decimalNoPoint”).autoNumeric(“init”,{<\/p>\n\n\n\n

aSep: ‘,’<\/p>\n\n\n\n

, aDec: ‘.’<\/p>\n\n\n\n

, vMax : ‘9999999999999’<\/p>\n\n\n\n

, vMin : ‘-9999999999999’<\/p>\n\n\n\n

});<\/p>\n\n\n\n

}<\/p>\n\n\n\n

, decimalExceptSep : function(){<\/p>\n\n\n\n

$(“.decimal”).css(“ime-mode”, “disabled”);\/\/\ud55c\uae00\uc785\ub825 X<\/p>\n\n\n\n

 $(“.decimal”).autoNumeric(“init”,{<\/p>\n\n\n\n

aSep: ”<\/p>\n\n\n\n

, aDec: ‘.’<\/p>\n\n\n\n

, vMax : ‘9999999999999.9’<\/p>\n\n\n\n

, vMin : ‘-9999999999999.9’<\/p>\n\n\n\n

});<\/p>\n\n\n\n

}<\/p>\n\n\n\n

, phoneNumber : function() {<\/p>\n\n\n\n

var phoneMask = function (val) {<\/p>\n\n\n\n

var mask = “000-000-000000”;<\/p>\n\n\n\n

var value = val.replace(\/\\D\/g, ”);<\/p>\n\n\n\n

if(value.length > 2) {<\/p>\n\n\n\n

if(value.substring(0,2) == “02”){<\/p>\n\n\n\n

mask = “00-000-00000”<\/p>\n\n\n\n

if(value.length == 10) {<\/p>\n\n\n\n

mask = “00-0000-0000”<\/p>\n\n\n\n

}<\/p>\n\n\n\n

} else if(value.substring(0,2) == “01”){<\/p>\n\n\n\n

if(value.length == 11) {<\/p>\n\n\n\n

mask = “000-0000-0000”<\/p>\n\n\n\n

}<\/p>\n\n\n\n

} else {<\/p>\n\n\n\n

if(value.length == 11) {<\/p>\n\n\n\n

mask = “000-0000-0000”<\/p>\n\n\n\n

} else if(value.length == 12) {<\/p>\n\n\n\n

mask = “0000-0000-0000”<\/p>\n\n\n\n

}<\/p>\n\n\n\n

}<\/p>\n\n\n\n

}<\/p>\n\n\n\n

return mask;<\/p>\n\n\n\n

}<\/p>\n\n\n\n

var option = {<\/p>\n\n\n\n

onKeyPress: function(val, e, field, options) {<\/p>\n\n\n\n

field.mask(phoneMask.apply({}, arguments), options);<\/p>\n\n\n\n

}<\/p>\n\n\n\n

, onComplete: function(val, e, field, options) {<\/p>\n\n\n\n

var mask = “000-000-000000”;<\/p>\n\n\n\n

var value = val.replace(\/\\D\/g, ”);<\/p>\n\n\n\n

if(value.length > 2) {<\/p>\n\n\n\n

if(value.substring(0,2) == “02”){<\/p>\n\n\n\n

mask = “00-000-00000”<\/p>\n\n\n\n

if(value.length == 10) {<\/p>\n\n\n\n

mask = “00-0000-0000”<\/p>\n\n\n\n

}<\/p>\n\n\n\n

} else if(value.substring(0,2) == “01”){<\/p>\n\n\n\n

if(value.length == 11) {<\/p>\n\n\n\n

mask = “000-0000-0000”<\/p>\n\n\n\n

}<\/p>\n\n\n\n

} else {<\/p>\n\n\n\n

if(value.length == 11) {<\/p>\n\n\n\n

mask = “000-0000-00000”<\/p>\n\n\n\n

} else if(value.length == 12) {<\/p>\n\n\n\n

mask = “0000-0000-0000”<\/p>\n\n\n\n

}<\/p>\n\n\n\n

}<\/p>\n\n\n\n

}<\/p>\n\n\n\n

field.mask(mask, options);<\/p>\n\n\n\n

}<\/p>\n\n\n\n

}<\/p>\n\n\n\n

$(‘.phoneNumber’).mask(phoneMask, option);<\/p>\n\n\n\n

}<\/p>\n\n\n\n

, comma : function() {<\/p>\n\n\n\n

if ($(‘.comma’).val() != undefined) {<\/p>\n\n\n\n

$(“.comma”).each(function() {<\/p>\n\n\n\n

  $(‘#’ + $(this).attr(“id”)).val($(‘#’ + $(this).attr(“id”)).val().replace(\/([^0-9\\,])\/g, ”));<\/p>\n\n\n\n

});<\/p>\n\n\n\n

}<\/p>\n\n\n\n

$(‘.comma’).mask(“#,##0”, {reverse: true, maxlength: false});<\/p>\n\n\n\n

}<\/p>\n\n\n\n

, numberOnly : function() {<\/p>\n\n\n\n

if ($(‘.numberOnly’).val() != undefined) {<\/p>\n\n\n\n

$(“.numberOnly”).each(function() {<\/p>\n\n\n\n

  $(‘#’ + $(this).attr(“id”)).val($(‘#’ + $(this).attr(“id”)).val().replace(\/([^0-9\\,])\/g, ”));<\/p>\n\n\n\n

});<\/p>\n\n\n\n

$(“.numberOnly”).mask(“#0”, {reverse: true, maxlength: false});<\/p>\n\n\n\n

}<\/p>\n\n\n\n

}<\/p>\n\n\n\n

, rateOnly : function() {<\/p>\n\n\n\n

$(“.rateOnly”).css(“ime-mode”, “disabled”);\/\/\ud55c\uae00\uc785\ub825 X<\/p>\n\n\n\n

$(“.rateOnly”).autoNumeric(“init”,{<\/p>\n\n\n\n

aSep: ‘,’<\/p>\n\n\n\n

, aDec: ‘.’<\/p>\n\n\n\n

, vMax : ‘99.99’<\/p>\n\n\n\n

, vMin : ‘0.00’<\/p>\n\n\n\n

});<\/p>\n\n\n\n

}<\/p>\n\n\n\n

, rateOnly2 : function() {<\/p>\n\n\n\n

$(“.rateOnly2”).css(“ime-mode”, “disabled”);\/\/\ud55c\uae00\uc785\ub825 X<\/p>\n\n\n\n

$(“.rateOnly2”).autoNumeric(“init”,{<\/p>\n\n\n\n

aSep: ‘,’<\/p>\n\n\n\n

, aDec: ‘.’<\/p>\n\n\n\n

, vMax : ‘100’<\/p>\n\n\n\n

, vMin : ‘0.00’<\/p>\n\n\n\n

});<\/p>\n\n\n\n

}<\/p>\n\n\n\n

, bigRateOnly : function() {<\/p>\n\n\n\n

$(“.rateOnly”).css(“ime-mode”, “disabled”);\/\/\ud55c\uae00\uc785\ub825 X<\/p>\n\n\n\n

$(“.rateOnly”).autoNumeric(“init”,{<\/p>\n\n\n\n

aSep: ‘,’<\/p>\n\n\n\n

, aDec: ‘.’<\/p>\n\n\n\n

, vMax : ‘9999.99’<\/p>\n\n\n\n

, vMin : ‘0.00’<\/p>\n\n\n\n

});<\/p>\n\n\n\n

}<\/p>\n\n\n\n

, onlyKorNum : function() {<\/p>\n\n\n\n

if ($(‘.onlyKorNum’).val() != undefined) {<\/p>\n\n\n\n

$(“.onlyKorNum”).each(function() {<\/p>\n\n\n\n

$(‘#’ + $(this).attr(“id”)).on(‘paste drop change blur focusout DOMNodeInserted’, function(){<\/p>\n\n\n\n

$(‘#’ + $(this).attr(“id”)).val($(‘#’ + $(this).attr(“id”)).val().replace(\/([^\u3131-\u314e|\u314f-\u3163|\uac00-\ud7a30-9])\/g, ”));<\/p>\n\n\n\n

});<\/p>\n\n\n\n

});<\/p>\n\n\n\n

}<\/p>\n\n\n\n

}<\/p>\n\n\n\n

, onlyEng : function() {<\/p>\n\n\n\n

if ($(‘.onlyEng’).val() != undefined) {<\/p>\n\n\n\n

$(“.onlyEng”).each(function() {<\/p>\n\n\n\n

$(‘#’ + $(this).attr(“id”)).on(‘paste drop change blur focusout DOMNodeInserted’, function(){<\/p>\n\n\n\n

$(‘#’ + $(this).attr(“id”)).val($(‘#’ + $(this).attr(“id”)).val().replace(\/([^a-zA-Z])\/g, ”));<\/p>\n\n\n\n

});<\/p>\n\n\n\n

});<\/p>\n\n\n\n

}<\/p>\n\n\n\n

}<\/p>\n\n\n\n

, onlyEngNum : function() {<\/p>\n\n\n\n

if ($(‘.onlyEngNum’).val() != undefined) {<\/p>\n\n\n\n

$(“.onlyEngNum”).each(function() {<\/p>\n\n\n\n

$(‘#’ + $(this).attr(“id”)).on(‘paste drop change blur focusout DOMNodeInserted’, function(){<\/p>\n\n\n\n

$(‘#’ + $(this).attr(“id”)).val($(‘#’ + $(this).attr(“id”)).val().replace(\/([^a-zA-Z0-9])\/g, ”));<\/p>\n\n\n\n

});<\/p>\n\n\n\n

});<\/p>\n\n\n\n

}<\/p>\n\n\n\n

}<\/p>\n\n\n\n

, readOnly : function() {<\/p>\n\n\n\n

\/\/ IE\uc5d0\uc11c readonly \uc18d\uc131 input \ubc31\uc2a4\ud398\uc774\uc2a4 \ud0a4 \uc785\ub825 \uc2dc \ube0c\ub77c\uc6b0\uc800 back \ucc98\ub9ac\ub428\uc744 \ub9c9\uc74c<\/p>\n\n\n\n

\/\/\ud55c\ubc88 \uc801\uc6a9\ub41c \uc774\ubca4\ud2b8 \uc0ad\uc81c\ub418\uc9c0 \uc54a\ub294 \ubb38\uc81c\ub85c \ubcc0\uacbd<\/p>\n\n\n\n

$(document).on(“keydown”, “.readonly”, function(event) {<\/p>\n\n\n\n

if (event.keyCode == 8) {<\/p>\n\n\n\n

return false;<\/p>\n\n\n\n

}<\/p>\n\n\n\n

});<\/p>\n\n\n\n

}<\/p>\n\n\n\n

, forbidden : function() {<\/p>\n\n\n\n

if ($(‘.forbidden’).val() != undefined) {<\/p>\n\n\n\n

$(“.forbidden”).each(function() {<\/p>\n\n\n\n

$(‘#’ + $(this).attr(“id”)).on(‘change’, function(e){<\/p>\n\n\n\n

});<\/p>\n\n\n\n

});<\/p>\n\n\n\n

}<\/p>\n\n\n\n

}<\/p>\n\n\n\n

, goodsTitle: function() {<\/p>\n\n\n\n

if ($(‘.goodsTitle’).val() != undefined) {<\/p>\n\n\n\n

$(‘.goodsTitle’).each(function() {<\/p>\n\n\n\n

$(‘#’ + $(this).attr(“id”)).on(‘paste drop change blur focusout DOMNodeInserted’, function(e){<\/p>\n\n\n\n

$(‘#’ + $(this).attr(“id”)).val($(‘#’ + $(this).attr(“id”)).val().replace(\/[\\’\\”<,>]\/g, ”).replace(‘&nbsp;’, ”).replace(‘&#20;’, ”));<\/p>\n\n\n\n

});<\/p>\n\n\n\n

});<\/p>\n\n\n\n

}<\/p>\n\n\n\n

}<\/p>\n\n\n\n

, all : function() {<\/p>\n\n\n\n

common.datepicker();<\/p>\n\n\n\n

common.numeric();<\/p>\n\n\n\n

common.phoneNumber();<\/p>\n\n\n\n

common.comma();<\/p>\n\n\n\n

common.decimal();<\/p>\n\n\n\n

common.decimalNoPoint();<\/p>\n\n\n\n

common.numberOnly();<\/p>\n\n\n\n

common.rateOnly();<\/p>\n\n\n\n

common.rateOnly2();<\/p>\n\n\n\n

common.onlyKorNum();<\/p>\n\n\n\n

common.onlyEngNum();<\/p>\n\n\n\n

common.onlyEng();<\/p>\n\n\n\n

common.readOnly();<\/p>\n\n\n\n

common.goodsTitle();<\/p>\n\n\n\n

common.forbidden();<\/p>\n\n\n\n

}<\/p>\n\n\n\n

}<\/p>\n<\/blockquote>\n","protected":false},"excerpt":{"rendered":"

var common = { datepicker : function(){ $(“.datepicker”).datepicker({   dateFormat : ‘yy-mm-dd’ , prevText : ‘\uc774\uc804\ub2ec’ , nextText : ‘\ub2e4\uc74c\ub2ec’ […]<\/p>\n","protected":false},"author":1,"featured_media":1279,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[],"class_list":["post-1037","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-javascript"],"_links":{"self":[{"href":"https:\/\/inwelly.com\/index.php?rest_route=\/wp\/v2\/posts\/1037","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inwelly.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inwelly.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inwelly.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inwelly.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1037"}],"version-history":[{"count":1,"href":"https:\/\/inwelly.com\/index.php?rest_route=\/wp\/v2\/posts\/1037\/revisions"}],"predecessor-version":[{"id":1038,"href":"https:\/\/inwelly.com\/index.php?rest_route=\/wp\/v2\/posts\/1037\/revisions\/1038"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inwelly.com\/index.php?rest_route=\/wp\/v2\/media\/1279"}],"wp:attachment":[{"href":"https:\/\/inwelly.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1037"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inwelly.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1037"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inwelly.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1037"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}