Cute Happy Ghost
본문 바로가기
Project/Semi

2-3-1. 자동으로 '-' 하이픈 입력되도록 하기

by JENN_tech7 2021. 1. 30.
728x90
SMALL

 

휴대폰번호를 입력할 때 대쉬가 있는 것이 구분하기편하다

하지만 사용자가 사용할때 대쉬를 매번 쓴다는 것은 너무 귀찮은 일이다

따라서 폰번호의 형식에 맞게 자동으로 하이픈이 추가되도록 설정하였다


 

  • addHypen.js
 function addHypen(obj) {
	    var number = obj.value.replace(/[^0-9]/g, "");
	    var phone = "";

	    if(number.length < 4) {
	        return number;
	    } else if(number.length < 7) {
	        phone += number.substr(0, 3);
	        phone += "-";
	        phone += number.substr(3);
	    } else if(number.length < 11) {
	        phone += number.substr(0, 3);
	        phone += "-";
	        phone += number.substr(3, 3);
	        phone += "-";
	        phone += number.substr(6);
	    } else {
	        phone += number.substr(0, 3);
	        phone += "-";
	        phone += number.substr(3, 4);
	        phone += "-";
	        phone += number.substr(7);
	    }
	    obj.value = phone;
	}

 

728x90
LIST

댓글