[웹][javascript] 사업자등록번호 keyup시 하이픈 자동으로 추가

인트로
안녕하세요. 사업자 등록번호를 키입력 받을때,  자동으로 하이픈을 추가하는 함수를 알아보겠습니다.

 

사업자 등록번호 입력 관련 코드

코드는 다음과 같습니다.
1) 사업자 등록 번호 키입력(keyUp) 받는 javascript 함수

$('#register_company_number').on('keyup', function(){
        var num = $('#register_company_number').val();
        num.trim(); 
        this.value = AutoHypen(num) ;
});

 

2) 사업자 등록 번호 입력 시 자동으로 하이픈 추가 하는 함수 
사업자 등록번호는 자리 형태가 (3-2-5)이므로, 3번째, 5번째, 10번째로 끊는다.  

<?php
	$('#register_company_number').on('keyup', function(){
        var num = $('#register_company_number').val();
        num.trim();  // 스페이스바 제거
        this.value = AutoHypen(num) ;
    });

function AutoHypen(companyNum){
      companyNum = companyNum.replace(/[^0-9]/g, '');
      var tempNum = '';   

      if(companyNum.length < 4){
        return companyNum;
      }
      else if(companyNum.length < 6){
        tempNum += companyNum.substr(0,3);
        tempNum += '-';
        tempNum += companyNum.substr(3,2);
        return tempNum;
      }
      else if(companyNum.length < 11){
        tempNum += companyNum.substr(0,3);
        tempNum += '-';
        tempNum += companyNum.substr(3,2);
        tempNum += '-';
        tempNum += companyNum.substr(5);
        return tempNum;
      }
      else{        
        tempNum += companyNum.substr(0,3);
        tempNum += '-';
        tempNum += companyNum.substr(3,2);
        tempNum += '-';
        tempNum += companyNum.substr(5);
        return tempNum;
      }
    }
?>