input 전화번호 형식으로 입력받기

input type 중에서는 tel 이라는 전화번호 형식도 있지만, 사파리에서만 지원된다.

 

일반적인 익스플로러, 크롬, 파이어폭스에서는 작동하지 않아서 정규식을 이용한 별도 처리를 해줘야한다.

 

 

 

 

html 영역
<input type="tel" name="tlno" id="tlno" title="전화번호를 입력하세요." placeholder="00*-000*-0000" pattern="[0-9]{2,3}-[0-9]{3,4}-[0-9]{3,4}" maxlength="13">

 

 

 

스크립트 영역

 

var patt = new RegExp("[0-9]{2,3}-[0-9]{3,4}-[0-9]{3,4}");
var res = patt.test( $("#tlno").val());

if( !patt.test( $("#tlno").val()) ){
    alert("전화번호를 정확히 입력하여 주십시오.");
    return false;
}

출처: https://toyuq.tistory.com/204 [Goni]