[JS] 자주 쓰이는 스크립트


<!--
// 최상위 체크 로직(chars로 넘긴 값이 있다면 true)
    function containsCharsOnly(input,chars) {
        for (var inx = 0; inx < input.value.length; inx++) {
            if (chars.indexOf(input.value.charAt(inx)) == -1)
                return false;
        }
        return true;
    }


// 최상위 체크 로직(chars로 넘긴 값이 있다면 false)
 function containsChars(input,chars) {
     for (var inx = 0; inx < input.value.length; inx++) {
        if (chars.indexOf(input.value.charAt(inx)) != -1)
            return true;
     }
     return false;
 }



// 숫자 체크
    function isNum(input) {
        var chars = "0123456789";
        return containsCharsOnly(input,chars);
    }



// 이름체크
 function nameCheck(input){
  var chars = '0123456789~!@#$%^&*()_-+=|{}[]<>,./?';
        return containsChars(input,chars);
 }



// 전화 번호 Check
    function isPhoneCheck(input) {
     var chars = "0123456789( ).-,<>{}[]_~";
        return containsCharsOnly(input,chars);
    }



// 영문 판별
    function isPhoneCheck(input) {
     var chars = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";
        return containsCharsOnly(input,chars);
    }



// 영숫자 판별
    function isPhoneCheck(input) {
     var chars = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789";
        return containsCharsOnly(input,chars);
    }



 // 입력값이 숫자,대시(-)로 되어있는지 체크
 function isNumDash(input) {
     var chars = "-0123456789";
     return containsCharsOnly(input,chars);
 }



 // 입력값이 숫자,콤마(,)로 되어있는지 체크
 function isNumComma(input) {
     var chars = ",0123456789";
     return containsCharsOnly(input,chars);
 }



 // 입력값이 사용자가 정의한 포맷 형식인지 체크
 // 자세한 format 형식은 자바스크립트의 ''regular expression''을 참조
 function isValidFormat(input,format) {
     if (input.value.search(format) != -1) {
         return true; file://올바른 포맷 형식
     }
     return false;
 }



 /**
  * 입력값이 이메일 형식인지 체크
  * ex) if (!isValidEmail(form.email)) {
  *         alert("올바른 이메일 주소가 아닙니다.");
  *     }
  */
 function isValidEmail(input) {
 //    var format = /^(\S+)@(\S+)\.([A-Za-z]+)$/;
     var format = /^((\w|[\-\.])+)@((\w|[\-\.])+)\.([A-Za-z]+)$/;
     return isValidFormat(input,format);
 }



 /**
  * 입력값이 전화번호 형식(숫자-숫자-숫자)인지 체크
  */
 function isValidPhone(input) {
     var format = /^(\d+)-(\d+)-(\d+)$/;
     return isValidFormat(input,format);
 }



 // 콤마 없애기
 function removeComma(input) {
     return input.value.replace(/,/gi,"");
 }



 // 문자 변환 함수
    function alterString(str,before,after) {
     var returnStr = "";
     for(i = 0; i < str.length; i++) {
      value = str.charAt(i);
      index = before.indexOf(value);
      if(index >= 0) value = after.charAt(index);
      returnStr += value;
     }
     return returnStr;
    }



// 소 --> 대문자 변환 함수
    function ToUpper(arg) {
     var str1 = "abcdefghijklmnopqrstuvwxyz";
     var str2 = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
     return alterString(arg,str1,str2);
    }



// 대 --> 소문자 변환 함수
    function ToLower(arg){
     var str1 = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
     var str2 = "abcdefghijklmnopqrstuvwxyz";
     return alterString(arg,str1,str2);
    }



// 반각 문자를 전각문자로
    function convert2ByteChar(x_char) {
        var x_2byteChar = ""; //컨버트된 문자
        var c = x_char.charCodeAt(0);
        if(32 <= c && c <= 126) { //전각으로 변환될수 있는 문자의 범위
            if(c == 32) { //스페이스인경우 ascii 코드 32
                x_2byteChar = unescape("%uFFFC");
            } else {
                x_2byteChar = unescape("%u"+gf_DecToHex(c+65248));
            }
        }
        return  x_2byteChar;
    }



// 10진수를 16진수로
    function gf_DecToHex(x_dec) {
        var x_Hex = new Array();
        var x_serial = 0;
        var x_over16 = x_dec;
        var x_tempNum = 0;
        while(x_dec > 15) {
            var x_h = x_dec % 16;          //나머지
            x_dec = parseInt(x_dec/16); //몫
            x_Hex[x_serial++] = (x_h > 9 ? String.fromCharCode(x_h + 55) : x_h); //16진수코드변환
        }



    //마지막은 몫의 값을 가짐
        x_Hex[x_serial++] = (x_dec > 9 ? String.fromCharCode(x_dec + 55) : x_dec); //16진수코드변환
  
    //몫,나머지,나머지,.....
        var retValue = "";
        for(var i=x_Hex.length ; i>0 ;i--) {
            retValue += x_Hex[i-1];
        }
        return retValue;
    }



// input box에 space, &nbsp;등 만으로 넣고 장난 칠때 이들 문자 뺀 길이를 통해 유효성 체크한다...
    function CheckStr(strOriginal, strFind, strChange){
        var position, strOri_Length;
        position = strOriginal.indexOf(strFind); 
        while (position != -1){
            strOriginal = strOriginal.replace(strFind, strChange);
            position = strOriginal.indexOf(strFind);
        }
        strOri_Length = strOriginal.length;
        return strOri_Length;
    }



// 체크 박스에 체크가 되어 있으면 true
 function checkValidator(str) {
  if(str.checked) return true;
  else return false;
 }



 // 비밀번호는 4자 등 최대 최소 길이를 파람으로 주고 처리...
    function checkLength(str,minLng,maxLng){
        var ckstr = str.value.length;
        if (parseInt(ckstr) < parseInt(minLng) || parseInt(ckstr) > parseInt(maxLng)) returnfalse;
        return true;
    }



// 숫자만 받아서 아니면 메세지 보여 주는
    function onlyNumber(objEv) {
        if(!isNum(objEv)){
            alert("숫자만 입력가능합니다.");
            objEv.value = "";
            objEv.focus();
            return;
        }
    }



// 숫자를 체크하다가 6자 등 원하는 만큼 이동후 다음 input 박스로 이동 시키는...
    function goJump(fname, len, goname){
        onlyNumber(fname);
        if (document.all[fname].value.length == len) document.all[goname].focus();
    }



// 주민등록번호 체크 로직
    function check_ResidentNO(str_f_num,str_l_num){ 
        var i3=0
        for (var i=0;i<str_f_num.length;i++){
         var ch1 = str_f_num.substring(i,i+1);
            if (ch1<'0' || ch1>'9') i3=i3+1;
        }
        if ((str_f_num == '') || ( i3 != 0 )) return false;
        var i4=0;
        for (var i=0;i<str_l_num.length;i++){
            var ch1 = str_l_num.substring(i,i+1);
            if (ch1<'0' || ch1>'9') i4=i4+1;
        }
        if ((str_l_num == '') || ( i4 != 0 )) return false;
        if(str_f_num.substring(0,1) < 4) return false;
        if(str_l_num.substring(0,1) > 2) return false;
        if((str_f_num.length > 7) || (str_l_num.length > 8)) return false;
        if ((str_f_num == '72') || ( str_l_num == '18'))  return false;
               
        var f1=str_f_num.substring(0,1)
        var f2=str_f_num.substring(1,2)
        var f3=str_f_num.substring(2,3)
        var f4=str_f_num.substring(3,4)
        var f5=str_f_num.substring(4,5)
        var f6=str_f_num.substring(5,6)
        var hap=f1*2+f2*3+f3*4+f4*5+f5*6+f6*7
        var l1=str_l_num.substring(0,1)
        var l2=str_l_num.substring(1,2)
        var l3=str_l_num.substring(2,3)
        var l4=str_l_num.substring(3,4)
        var l5=str_l_num.substring(4,5)
        var l6=str_l_num.substring(5,6)
        var l7=str_l_num.substring(6,7)
        hap=hap+l1*8+l2*9+l3*2+l4*3+l5*4+l6*5
        hap=hap%11
        hap=11-hap
        hap=hap%10
        if (hap != l7) return false;
        return true;
    }



// 바이트 구하기
    function getByteLen(str){
        return(str.length+(escape(str)+"%u").match(/%u/g).length-1);
    }



 // url 가져오기
    function getUrlAddress(){
        var pageUrl = document.location;
     pageUrl  = new String(pageUrl);
      return pageUrl.substring(0,pageUrl.lastIndexOf("/"));
    }



// 오른마우스 금지, 나중에 해당 주석 풀고 사용
    function rightbutton(e){
        if (navigator.appName == 'Netscape' &&  (e.which == 3 || e.which == 2))
            return false;
        else if (navigator.appName == 'Microsoft Internet Explorer' && (event.button == 2 ||event.button == 3))
        {
            alert("죄송합니다!! 정보무단복제를 막기 위하여 오른쪽 마우스 사용을 허용하지 않습니다.");
            return false;
        }
        return true;
    }



//document.onmousedown=rightbutton;

// 컨트롤 키 금지, 나중에 해당 주석 풀고 사용
    function checkCtl(){
        if (document.all){
            if(event.keyCode==17) {
                alert("죄송합니다!! 컨트롤키 사용을 허용하지 않습니다.");
                return false;
            }
        }
    }



//document.onkeydown = checkCtl;

 function setCookie(name,value) {
     document.cookie = name+"="+escape(value)+";path=/;domain=.kkaok.pe.kr;";
 }

 function setCookie(name,value, expires) {
     document.cookie = name + "=" + escape(value) +
     "; path=/; expires=" + expires.toGMTString();
 }

 function getCookie(Name) {
     var search = Name + "="
     if (document.cookie.length > 0) { // 쿠키가 설정되어 있다면
         offset = document.cookie.indexOf(search)
         if (offset != -1) { // 쿠키가 존재하면
             offset += search.length
         // set index of beginning of value
             end = document.cookie.indexOf(";", offset)
         // 쿠키 값의 마지막 위치 인덱스 번호 설정
             if (end == -1)
                 end = document.cookie.length
             return unescape(document.cookie.substring(offset, end));
         }
     }
 }



    String.prototype.trim = function(){
        return this.replace(/(^\s*)|(\s*$)/gi, "");
    }

//문자 바꾸기, 사용법 var str = 문자열.replaceAll("a", "1"); 
    String.prototype.replaceAll = function(str1, str2) {
        var temp_str = "";
        if (this.trim() != "" && str1 != str2) {
            temp_str = this.trim();
            while (temp_str.indexOf(str1) > -1){
                temp_str = temp_str.replace(str1, str2);
            }
        }
        return temp_str;
    }

//-->

댓글

댓글 쓰기

이 블로그의 인기 게시물

[iOS] body 스크롤 막기

.scrollOff{position:fixed;overflow:hidden;height:100%;} // body 스크롤 막음 function scrollOff(){    $('body').addClass('scrollOff').on('scroll touchmove mousewheel', function(e){       e.preventDefault();    }); } // body 스크롤 풀기 function scrollOn(){    $('body').removeClass('scrollOff').off('scroll touchmove mousewheel'); } 지인에게 받은 팁...iOS때문에 여러사람들 고생하네...
자세한 내용 보기

[html] 모바일웹 작업 팁 정리중...

1. 가로/세로 전환시 폰트 고정 -webkit-text-size-adjust:none; viewport에서 maximum-scale가 있어야 하고 값이 1.0일때만 반응. 2. viewport <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi" /> 3. 상단 url바 숨기기 <script type="text/javascript"> window.addEventListener("load",function(){  setTimeout(scrollTo,0,0,1);  },false); </script> 4. 전화번호 기능 <a href="tel:000-0000-0000">전화걸기</a> <a href="sms:000-0000-0000">문자보내기</a> <a href="sms:">문자보내기 실행</a> 5. 키보드 호출 <input type="text" /> <input type="search" /> <input type="tel" /> <input type="url" /> <input type="email" /> <input type="time" /> <input type="number" /> <input type="datetime"
자세한 내용 보기

Swiper lazyLoading

최신 버전 Swiper lazy Loading는 지금 사이트에서 보면 된다. https://idangero.us/swiper/api/ 하지만 구버전 일단 지금 사이트에서 사용하고 있는 버전이 3.4.0버전인데 옵션들이 좀 많이 달라서 검색에 애를 먹고 있다. 결과적으로 찾고 찾아서  lazyLoading: true, lazyLoadingInPrevNext: true, watchSlidesProgress: true, watchSlidesVisibility: true 이렇게 사용하면 됨. 구 버전 API만 모아놓은데 어디 없으려나... 더 찾아 볼걸 여기에 있구나 https://github.com/nolimits4web/Swiper/blob/Swiper3/API.md
자세한 내용 보기