본문으로 바로가기

핸드폰번호/전화번호 자동 하이픈(대시)

id가 m_id인 input에 숫자만 입력 받도록 하면, 자동으로 하이픈(-)이 표시되고 3개가 쌍으로 된 input에 각각 입력.

function phone_format() {
    var num = $("#m_id").val();
    
    var phone_num = num.replace(/(^02.{0}|^01.{1}|[0-9]{3})([0-9]+)([0-9]{4})/,"$1-$2-$3");
    
    $("#m_id").val(phone_num);
    
    $("#mobile1").val(num.replace(/(^02.{0}|^01.{1}|[0-9]{3})([0-9]+)([0-9]{4})/,"$1"));
    $("#mobile2").val(num.replace(/(^02.{0}|^01.{1}|[0-9]{3})([0-9]+)([0-9]{4})/,"$2"));
    $("#mobile3").val(num.replace(/(^02.{0}|^01.{1}|[0-9]{3})([0-9]+)([0-9]{4})/,"$3"));
}

핸드폰번호/전화번호 유효성 검사

id가 mobile1, mobile2, mobile3인 input 3개에 번호가 입력되어 있다고 가정할 시

phoneCheck("mobile") 와 같이 사용. 유효한 번호가 아니면 false를 return.

function phoneCheck(type) {
    var phoneNum1 = $("#" + type + "1").val();
    var phoneNum2 = $("#" + type + "2").val();
    var phoneNum3 = $("#" + type + "3").val();
    
    var phoneNumber = phoneNum1 + "-" + phoneNum2 + "-" + phoneNum3;
    var regExp = /(01[0|1|6|9|7])[-](\d{3}|\d{4})[-](\d{4}$)/g;
    var result = regExp.exec(phoneNumber);
    
    if(result) return true;
    else return false;
}


'코딩 > JavaScript & jQuery' 카테고리의 다른 글

jQuery - fadeIn()  (652) 2022.07.26
화면 내 해당 요소(element)가 존재하는지 검사  (0) 2022.06.24
javascript 문자열 자르기 - split  (0) 2015.08.03
HTML 특수문자 코드표  (0) 2015.07.01
javascript keycode 정리  (0) 2015.07.01