신청폼 작성 시 전화번호 자리수 고정하는 방법 채택완료

</p>

<p>//js</p>

<p><script></p>

<p>function inputPhone() {</p>

<p>    let inputs = null;</p>

<p> </p>

<p>    function rewrite( inp ) {</p>

<p>        let number_str = inp.value.replace(/-/g, "");</p>

<p>        let new_str = "";</p>

<p>       </p>

<p>        if(number_str.length > 6 && number_str.length <= 10) {</p>

<p>            new_str = number_str.substr(0, 3) + "-" + number_str.substr(3, 3) + "-" + number_str.substr(6);</p>

<p>        }</p>

<p>        else if(number_str.length > 10 && number_str.length >= 11) {</p>

<p>            new_str = number_str.substr(0, 3) + "-" + number_str.substr(3, 4) + "-" + number_str.substr(8);</p>

<p>        }</p>

<p>        else if(number_str.length > 3 && number_str.length <= 6) {</p>

<p>            new_str = number_str.substr(0, 3) + "-" + number_str.substr(3);</p>

<p>        }</p>

<p>        else {</p>

<p>            new_str = number_str;</p>

<p>        }</p>

<p> </p>

<p>        inp.value = new_str;</p>

<p>    }</p>

<p> </p>

<p>    function init() {</p>

<p>        inputs = document.querySelectorAll(".input-phone");</p>

<p>        inputs.forEach(function( inp, i ) {</p>

<p>            rewrite( inp );</p>

<p>            if(!inp.dataset.isevent) {</p>

<p>                inp.addEventListener("keyup", function( e ) {</p>

<p>                    rewrite( inp );</p>

<p>                });</p>

<p>                inp.addEventListener("blur", function( e ) {</p>

<p>                    rewrite( inp );</p>

<p>                });</p>

<p>                inp.dataset.isevent = "true"</p>

<p>            }</p>

<p>        });</p>

<p>    }</p>

<p> </p>

<p>    (function() {</p>

<p>        init();</p>

<p>    })();</p>

<p> </p>

<p>    return {</p>

<p>        init</p>

<p>    };</p>

<p>}</p>

<p></script></p>

<p>//html</p>

<p> <dl></p>

<p>                    <dt><?php echo $exhibition_counsel_data_list['hphone'];?></dt></p>

<p>                    <dd></p>

<p>                        <div class="input-box"></p>

<p>                            <input type="text" name="hphone" <?php echo $exhibition['e_data']['is_essential']['hphone']?'required':'' ;?>  itemname="<?php echo $exhibition_counsel_data_list['hphone'];?>" placeholder="전화번호를 입력해주세요" maxlength="13" class="input-number input-phone"></p>

<p>                        </div></p>

<p>                    </dd></p>

<p>                        </dl></p>

<p> </p>

<p> </p>

<p>

</p>

<p>// $('.input-phone').keyup(function(e) {</p>

<p>//     let content = $(this).val();</p>

<p>//     $('.input-phone').focusout(function(){</p>

<p>       </p>

<p>//     })</p>

<p>//     if(content.length < 11) {</p>

<p>//         $(this).val($(this).val().substring(0,11));</p>

<p>//         alert("연락처는 11자리여야 합니다.");</p>

<p>//         return false;</p>

<p>//     }</p>

<p>// })</p>

<p>