프론트엔드/Javascript

[Js] 전화번호 입력시 하이픈(-) 추가 함수

프흐프좋아 2024. 2. 20. 13:59
function addHyphen(obj) {
    var phone = obj;
    var num = phone.value.replace(/-/g, '');
    var len = num.length;
    if (len < 4)
    {
      phone.value = num;
    }
    else
    {
      if(num.substr(0, 2) == '02')
      {
          if (len < 7)
          {
              phone.value = num.substr(0, 2) + '-' + num.substr(2);
          }
          else if (len < 10)
          {
              phone.value = num.substr(0, 2) + '-' + num.substr(2, 3) + '-' + num.substr(5);
          }
          else
          {
              phone.value = num.substr(0, 2) + '-' + num.substr(2, 4) + '-' + num.substr(6);    // 확인해보기
          }
      }
      else
      {
          if (len < 7)
          {
              phone.value = num.substr(0, 3) + '-' + num.substr(3);
          }
          else if (len < 12)
          {
              phone.value = num.substr(0, 3) + '-' + num.substr(3, 4) + '-' + num.substr(7);
          }
          else
          {
              phone.value = num.substr(0, 4) + '-' + num.substr(4, 4) + '-' + num.substr(8);
          }
      }
    }
  }