KBoard 체크박스 필수로 선택하게 하기

KBoard, KB스크랩, 워드프레스

KBoard의 입력 필드를 활용하여 여러 입력폼을 추가할 수 있다.
이 중 체크박스를 추가하고 해당 체크박스에 체크를 해야 글을 쓸 수 있게 하는 방법을 기록한다.

체크박스를 추가하는 방법은 이 글(링크)에서 확인할 수 있다.

1. script.js 수정

수정하고자 하는 KBoard 스킨의 script.js 파일을 열고 다음 코드를 찾는다.
※ KBoard 최신 버전의 경우 script.js 파일이 존재하나, 스킨에 따라 editor.php 파일에 inline으로 script가 삽입되어있는 경우도 있으니 주의하자.

function kboard_editor_execute(form){
    jQuery.fn.exists = function(){
        return this.length>0;
    };

    ...

    jQuery(form).data('submitted', 'submitted');
    jQuery('[type=submit]', form).text(kboard_localize_strings.please_wait);
    jQuery('[type=submit]', form).val(kboard_localize_strings.please_wait);
    return true;
}

2. 체크박스를 검사하는 script 추가

위 코드에서 생략된 … 부분에 다음 코드를 추가하여 체크박스를 검사한다.

if ( ! jQuery('input[name="체크박스name"]:checked').val() ) {
    alert('체크박스에 체크해주세요.');
    jQuery('input[name="체크박스name"]').focus();
    return false;
}

input[name="체크박스name"]에 추가한 체크박스의 name을 입력하면 된다.

※ 2017-12-11 소스 교체

관련 자료

  1. KBoard 입력 필드 활용법
  2. KBoard 체크박스 추가 방법
  3. KBoard 라디오버튼 필수로 입력하게 하기
kboard입력필드체크박스필수 선택
블로그
프로젝트
스터디