연락처 입력시 하이픈 자동 입력 (지역, 핸드폰 번호)

wyu

2022-01-07 911e65ca7d4f47ec18212375b4eb479c1c40acbe

 src/main/webapp/scripts/app/hostingField/hostingFieldAdd.controller.js

@@ -14,6 +14,7 @@
                    cancel : cancel,    //  팝업 창 닫기
                    formSubmit : formSubmit,    //  폼 전송
                    formCheck : formCheck,   //  폼 체크
                    autoHyphenPhone : autoHyphenPhone  // 연락처 입력시 하이픈 자동 입력
                };

                $scope.vm = {
@@ -23,9 +24,57 @@
                        manager : "",   //담당자
                        tel : "",  //전화번호
                        email : "",  //이메일
                        url : "", // url
                        memo : ""  //비고
                    }
                };

                function autoHyphenPhone() {
                    let phone = $scope.vm.form.tel;
                    let seoul = $scope.vm.form.tel;

                    phone.replace(/^[0-9]/g, '');
                    seoul.replace(/^[0-9]/g, '');
                    var tmp = '';

                    if (phone.length < 4) {
                        return phone;
                    } else if (phone.length < 7) {
                        tmp += phone.substr(0, 3);
                        tmp += '-';
                        tmp += phone.substr(3);
                        $scope.vm.form.tel = tmp;
                    } else if (seoul.substring(0, 2) === "02" && seoul.length === 9) {
                        tmp += seoul.substring(0, 2);
                        tmp += '-';
                        tmp += seoul.substring(2, 5);
                        tmp += '-';
                        tmp += seoul.substr(5);
                        $scope.vm.form.tel = tmp;
                    } else if (seoul.substring(0, 2) === "02" && seoul.length === 10) {
                        tmp += seoul.substring(0, 2);
                        tmp += '-';
                        tmp += seoul.substring(2, 6);
                        tmp += '-';
                        tmp += seoul.substr(6);
                        $scope.vm.form.tel = tmp;
                    } else if (phone.length < 11) {
                        tmp += phone.substr(0, 3);
                        tmp += '-';
                        tmp += phone.substr(3, 3);
                        tmp += '-';
                        tmp += phone.substr(6);
                        $scope.vm.form.tel = tmp;
                    } else {
                        tmp += phone.substr(0, 3);
                        tmp += '-';
                        tmp += phone.substr(3, 4);
                        tmp += '-';
                        tmp += phone.substr(7);
                        $scope.vm.form.tel = tmp;
                    }
                    return phone;
                }

                //  폼 체크
                function formCheck(formInvalid) {
@@ -38,6 +87,7 @@
                //  폼 전송
                function formSubmit(condition) {
                    $rootScope.spinner = true;
                    $scope.vm.form.tel = $scope.vm.form.tel.replace(/\-/g,'');

                    var content = {
                        code : $rootScope.preventXss($scope.vm.form.code),  //코드
@@ -45,6 +95,7 @@
                        manager : $scope.vm.form.manager,   //담당자
                        tel : $scope.vm.form.tel,  //전화번호
                        email : $scope.vm.form.email,  //이메일
                        url : $scope.vm.form.url, // url
                        memo : $scope.vm.form.memo  //비고
                    };