안녕하세요 ㅠ
워드프레스 게시판 KBoard를 활용해서
필수 입력 항목 체크하고있는데 오류가 있는듯하여 왔습니다! ㅜ
검색을 통해 추가하는 방법을 배워서
else if($('input[name=kboard_option_engtitle]', form).exists() && !$('input[name=kboard_option_engtitle]', form).val()){
alert('영문 제목은 필수로 입력 해주세요^^');
$('input[name=kboard_option_engtitle]', form).focus();
return false;
}
이렇게 넣었더니 안되어서
제목이 필수항목이라 참고해서 넣어봤는데.
if(!jQuery('input[name=title]', form).val()){
// 제목 필드는 항상 필수로 입력합니다.
alert(kboard_localize_strings.please_enter_the_title);
jQuery('input[name=title]', form).focus();
return false;
}
if(!jQuery('input[name=kboard_option_engtitle]', form).val()){
// 제목 필드는 항상 필수로 입력합니다.
alert('영문 제목은 필수로 입력 해주세요^^');
jQuery('input[name=kboard_option_engtitle]', form).focus();
return false;
}
얼럿은 뜨는데 document로 넘어가버립니다 ㅠㅠ
빈공간인데도 그냥 작성이 되는거같아여...
어떤 부분이 잘못된 걸까요 ㅠ_ㅠ
흠 그렇군요!
몇개는 되는데 몇개는 그냥 넘어가는것 같아서,. 일단은 소스를 추가해서 적용했습니다 ! 감사합니다~~!!
kboard-attr-title 이 클래스는 큰 상관이 없어 보입니다.
현재는 잘 되시는지요? 그렇다면 브라우저에 캐시가 남아있어서 새로운 코드가 적용이 안됐던 것 같습니다.
작업하시면서 브라우저 캐시를 꼭 비워가면서 해주세요.
그리고 스크립트 오류를 확인하시려면 크롬 브라우저의 개발자 도구(F12키)의 Console 창에 어떤 메시지가 나오는지 확인하시면 됩니다.
워드프레스에서는 $ 표시 대신 꼭 jQuery 로 사용해주셔야 합니다.
그리고 자바스크립트 대신 간단하게 필드를 필수로 입력하게 하시려면,
required 속성을 추가해서 필수로 값을 입력받게 할 수 있습니다.
예를 들자면 아래와 같이 태그에 required 를 추가해주시면 동작합니다.
<input type="text" name="title" required>
간단하지만 익스플로러8 등의 오래된 브라우저에서는 동작하지 않습니다^^;;
혹시 몰라 클래스에 kboard-attr-title <- 넣었더니 되는거같은데 맞나요? ㅜㅜ