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

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 알림창이 나왔으면 좋겠습니다.

도와주세요 ㅜㅜ

 

 

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
워드프레스 에러 기술지원 서비스 전문가에게 맡기세요
워드프레스 에러 기술지원 서비스 전문가에게 맡기세요