컨텍트 폼에 정해진 글자수 입력 안하면 알림창 뜨게하는 방법

1. 정확한 제품 또는 플러그인 이름

kboard-contactform

 

2. 상세 내용

현재 전화번호 입력 시 11자까지만 입력할 수 있도록 제한을 해두었는데요.

 

만약 11자를 입력하지 않았을 경우에는 알림창이 뜨도록 js코드를 넣고 싶은데

어떻게 넣어야 할지 모르겠어서 도움을 요청합니다.

 

현재 입력된 코드입니다.

add_filter('kboard_skin_header', 'my_kboard_skin_header', 10, 4);
function my_kboard_skin_header($builder){
    $board = $builder->board;
    if($board->id == '3'){ // 실제 게시판 id로 적용해주세요.
        ?>
        <script>
        jQuery(document).ready(function(){
            jQuery('input:text[name="member_display"]').on('keyup', function(){
                if(this.value != this.value.replace(/[^0-9\.]/g, '')){
                    alert('숫자만 입력 가능합니다.');
                }
                this.value = this.value.replace(/[^0-9\.]/g, '');
            });
        });
        jQuery(document).ready(function(){
            jQuery('input:text[name="title"]').on('keyup', function(){
                if(this.value != this.value.replace(/[a-z0-9]|[ \[\]{}()<>?|`~!@#$%^&*-_+=,.;:\"'\\]/g, '')){
                    alert('한글만 입력 가능합니다.');
                }
                this.value = this.value.replace(/[a-z0-9]|[ \[\]{}()<>?|`~!@#$%^&*-_+=,.;:\"'\\]/g, '');
            });
        });
        jQuery(document).ready(function(){
            jQuery('input:text[name="member_display"]').on('keyup', function(){
                if (content.length > 11) {
                    alert(' 연락처는 11자까지 입력가능합니다.');
                }
                this.value = this.value.substring(0, 11);
            });
        });
        </script>
        <?php
    }
}

 

여기서 11자 이하의 번호를 입력했을 경우 alert 알림창이 나왔으면 좋겠습니다.

도와주세요 ㅜㅜ

 

 

워드프레스 에러 기술지원 서비스 전문가에게 맡기세요
워드프레스 에러 기술지원 서비스 전문가에게 맡기세요
워드프레스 에러 기술지원 서비스 전문가에게 맡기세요