업체정보 - ISP, 호스팅 초기화되는 문제 수정 및 전화번호 유효성 검사

이민희

2021-12-28 1d9f40919257000f77750c98f2b1a13643de2a80

 src/main/webapp/views/companyField/companyFieldAdd.html

@@ -24,12 +24,70 @@
                       input-regex="[^a-zA-Z0-9 가-힣ㄱ-ㅎㅏ-ㅣ\u318D\u119E\u11A2\u2022\u2025a\u00B7\uFE55]"
                       autocomplete="off"
                       ng-model="vm.form.name"
                       ng-maxlength="100"
                       maxlength="100"
                       required>
                <small translate="companyField.enterSpecialCharacters">업체 이름에는 특수 문자를 입력 할수 없습니다.</small>
            </div>

            <div class="form-group">
                <label class="issue-label">
                    <span translate="ispField.select">ISP 선택</span>
                </label>
                <js-autocomplete-single data-input-name="ispField"
                                    selected-model="vm.form.issueIspFields"
                                    ng-model="vm.form.ispName"
                                    custom-input="true"
                                    search="vm.form.ispName"
                                    source="fn.getIssueIspFieldList(vm.ispName, vm.form.issueIspFields, vm.autoCompletePage.issueIspFields.page, fn.getIssueIspFieldListCallBack)"
                                    page="vm.autoCompletePage.ispField.page"
                                    total-page="vm.autoCompletePage.ispField.totalPage"
                                    input-disabled="false"
                                    translation-texts="{ empty : 'common.emptyIsp' }"
                                    broad-cast="ispFieldEvent"
                                    extra-settings="{ displayProp : 'name' , idProp : 'id', imageable : false, imagePathProp : '',
                    type : '', maxlength : 200, autoResize : false, stopRemoveBodyEvent : true }"></js-autocomplete-single>
            </div>

            <div class="form-group">
                <label class="issue-label">
                    <span translate="hostingField.select">호스팅 선택</span>
                </label>
                <js-autocomplete-single data-input-name="hostingField"
                                    selected-model="vm.form.issueHostingFields"
                                    ng-model="vm.form.hostingName"
                                    custom-input="true"
                                    search="vm.hostingName"
                                    source="fn.getIssueHostingFieldList(vm.hostingName, vm.form.issueHostingFields, vm.autoCompletePage.hostingField.page, fn.getIssueHostingFieldListCallBack)"
                                    page="vm.autoCompletePage.hostingField.page"
                                    total-page="vm.autoCompletePage.hostingField.totalPage"
                                    input-disabled="false"
                                    translation-texts="{ empty : 'common.emptyHosting' }"
                                    broad-cast="hostingFieldEvent"
                                    extra-settings="{ displayProp : 'name' , idProp : 'id', imageable : false, imagePathProp : '',
                    type : '', maxlength : 200, autoResize : false, stopRemoveBodyEvent : true }"></js-autocomplete-single>
            </div>
            <div class="form-group">
                <label for="companyFieldAddForm10" class="issue-label">
                    <span translate="companyField.url">url</span>
                    <code class="highlighter-rouge">*</code>
                </label>
                <input id="companyFieldAddForm10"
                       name="url"
                       type="text"
                       class="form-control"
                       kr-input
                       autocomplete="off"
                       ng-model="vm.form.url"
                       ng-maxlength="200"
                       maxlength="200"
                       ng-pattern="/(https?:\/\/)?(www\.)?[-a-zA-Z0-9@:%._\+~#=]{2,256}\.[a-z]{2,6}\b([-a-zA-Z0-9@:%_\+.~#?&//=]*)/"
                       required>
                <!--<small translate="notice.enterSpecialCharacters">제목에는 특수 문자를 입력할 수 없습니다.</small>-->
                <div ng-show="companyFieldAddForm.url.$error.pattern" class="help-block form-text text-danger"
                     translate="common.invalidUrlFormat">url 형식이 맞지 않습니다.
                </div>
            </div>
            <div class="row">
            <!--<div class="row">
                <div class="col-md-3">
                    <div class="form-group mb10">
                        <label for="companyFieldAddForm2" class="issue-label"> <span
@@ -101,66 +159,84 @@
                       ng-maxlength="200"
                       maxlength="200"
                       >
                <!--<small translate="notice.enterSpecialCharacters">제목에는 특수 문자를 입력할 수 없습니다.</small>-->
                &lt;!&ndash;<small translate="notice.enterSpecialCharacters">제목에는 특수 문자를 입력할 수 없습니다.</small>&ndash;&gt;
            </div>-->
            <div>
                <div class="form-group">
                    <label for="companyFieldAddForm9" class="issue-label">
                        <span translate="companyField.manager">담당자</span>
                    </label>
                    <input id="companyFieldAddForm9"
                           name="manager"
                           type="text"
                           class="form-control"
                           kr-input
                           input-regex="[^a-zA-Z0-9 가-힣ㄱ-ㅎㅏ-ㅣ\u318D\u119E\u11A2\u2022\u2025a\u00B7\uFE55]"
                           autocomplete="off"
                           ng-model="vm.form.manager"
                           ng-maxlength="100"
                           maxlength="100"
                    >
                    <!--<small translate="notice.enterSpecialCharacters">제목에는 특수 문자를 입력할 수 없습니다.</small>-->
                </div>
            </div>
            <div class="form-group">
                <label for="companyFieldAddForm6" class="issue-label">
                    <span translate="companyField.email">메일주소</span>
                </label>
                <input id="companyFieldAddForm6"
                       name="email"
                       type="text"
                       class="form-control"
                       kr-input
                       input-regex="[^a-zA-Z0-9 가-힣ㄱ-ㅎㅏ-ㅣ\u318D\u119E\u11A2\u2022\u2025a\u00B7\uFE55]"
                       autocomplete="off"
                       ng-model="vm.form.email"
                       ng-maxlength="200"
                       maxlength="200"
                       >
                <!--<small translate="notice.enterSpecialCharacters">제목에는 특수 문자를 입력할 수 없습니다.</small>-->
            </div>
            <div class="row">
                <div class="col-md-5">
                    <div class="form-group">
                        <label for="companyFieldAddForm7" class="issue-label">
                            <span translate="companyField.tel">연락처</span>
                        </label>
                        <input id="companyFieldAddForm7"
                               name="tel"
                               type="text"
                               class="form-control"
                               autofocus
                               kr-input
                               input-regex="[^a-zA-Z0-9 가-힣ㄱ-ㅎㅏ-ㅣ\u318D\u119E\u11A2\u2022\u2025a\u00B7\uFE55]"
                               autocomplete="off"
                               ng-model="vm.form.tel"
                               ng-maxlength="200"
                               maxlength="200"
                        >
                        <!--<small translate="notice.enterSpecialCharacters">제목에는 특수 문자를 입력할 수 없습니다.</small>-->
            <div>
                <div class="form-group">
                    <label for="companyFieldAddForm7" class="issue-label">
                        <span translate="companyField.tel">전화번호</span>
                    </label>
                    <input id="companyFieldAddForm7"
                           name="tel"
                           type="text"
                           class="form-control"
                           kr-input
                           ng-pattern="/^\d{2,3}-\d{3,4}-\d{4}$/"
                           autocomplete="off"
                           ng-model="vm.form.tel"
                           maxlength="20"
                    >
                    <div ng-show="companyFieldAddForm.tel.$error.pattern" class="help-block form-text text-danger"
                         translate="companyField.invalidTelFormat">전화번호 형식이 맞지 않습니다. xxx-xxx-xxxx 형식으로 입력하세요.
                    </div>
                </div>
                <div class="col-md-7">
                    <div class="form-group">
                        <label for="companyFieldAddForm8" class="issue-label">
                            <span translate="companyField.desc">메모</span>
                        </label>
                        <input id="companyFieldAddForm8"
                               name="desc"
                               type="text"
                               class="form-control"
                               autofocus
                               kr-input
                               input-regex="[^a-zA-Z0-9 가-힣ㄱ-ㅎㅏ-ㅣ\u318D\u119E\u11A2\u2022\u2025a\u00B7\uFE55]"
                               autocomplete="off"
                               ng-model="vm.form.desc"
                               ng-maxlength="200"
                               maxlength="200"
                        >
            </div>
            <div>
                <div class="form-group">
                    <label for="companyFieldAddForm6" class="issue-label">
                        <span translate="companyField.email">이메일</span>
                    </label>
                    <input id="companyFieldAddForm6"
                           name="email"
                           type="email"
                           class="form-control"
                           autocomplete="off"
                           maxLength="50"
                           ng-model="vm.form.email"
                           kr-input
                           ng-pattern="/^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/"
                    >
                    <div ng-show="companyFieldAddForm.email.$error.pattern" class="help-block form-text text-danger"
                         translate="users.invalidEmailFormat">이메일 형식이 맞지 않습니다.
                    </div>
                </div>
            </div>
            <div>
                <div class="form-group">
                    <label for="companyFieldAddForm8" class="issue-label">
                        <span translate="companyField.memo">비고</span>
                    </label>
                    <input id="companyFieldAddForm8"
                           name="memo"
                           type="text"
                           class="form-control"
                           kr-input
                           autocomplete="off"
                           ng-model="vm.form.memo"
                           ng-maxlength="200"
                           maxlength="200"
                    >
                </div>
            </div>
        </form>
    </div>