개발자를 위한 꿀팁 2

"전화번호입력폼 쉽게 변경하기"

전화번호 입력폼을 다루다보면

보통 전화번호는 1개의 필드에 저장되는데

입력은 각 형태별로

전화번호 유형 콤보 + 앞자리 + 뒷자리

를 체크하게 됩니다.

이거 .. 매우매우 귀찮은 작업이라서, 

PHP의 함수로 만들어봤습니다.

function convertPhone($numbers,$names) {

    global $g5;

    $str = "";

    $hp = explode("-", $numbers);

    $hp1 = array("010","011","013","016","017","018","019","050","070","02","031","032","033"

            ,"034","040","041","042","050","051","052","053", "061", "062");

    foreach($hp1 as $key => $val) {

        $str .= "<option value='".$val."' ";

        if ($hp[0] == $val) $str.= " checked ";

        $str .= ">".$val."</option>";

    }

    $prt = "<input type=\"hidden\" name=\"".$names."\" value=\"".$numbers."\" id=\"".$names."\" class=\"frm_input\" >";

    $prt .= "<select name=\"".$names."1\" id=\"".$names."1\" class=\"sel_wid01\" onchange=\"joinVal".$names."('".$names."');\">";

    $prt .= $str."</select>";

    $prt .= " <i class=\"ns\">-</i> ";

    $prt .= "<input type=\"text\" name=\"".$names."2\" id=\"".$names."2\" value=\"".$hp[1]."\" class=\"frm_input input_wid01\" placeholder=\"\"  onchange=\"joinVal".$names."('".$names."');\" maxlength='4'>";

    $prt .= "<i class=\"ns\">-</i> ";

    $prt .= "<input type=\"text\" name=\"".$names."3\" id=\"".$names."3\" value=\"".$hp[2]."\" class=\"frm_input input_wid01\" placeholder=\"\"  onchange=\"joinVal".$names."('".$names."');\" maxlength='4'>";

    $scripts = "<script>

                    function joinVal".$names."(name){

                        var n1 = $(\"#\"+name+\"1\").val();

                        var n2 = $(\"#\"+name+\"2\").val();

                        var n3 = $(\"#\"+name+\"3\").val();

                        var n = n1+\"-\"+n2+\"-\"+n3;

                        $(\"#\"+name).val(n);

                    }

                </script>";

    echo $prt;

    echo $scripts;

}

이렇게 선언해서 공통로직에 추가해놓고

화면상에 출력을하게되면

<?php convertPhone($member['mb_tel'],"od_tel");?>

<?php convertPhone($member['mb_hp'],"od_hp");?>

와 같은 형태로 사용하시면

HTML 영역에 바로 짜짠하고 나타납니다.