안녕하세요~^^

KBoard 플러그인의 Contact Form 스킨을 말씀하시는 건지요?

실제 추가하신 입력 필드 코드를 올려주시면 보다 정확한 답변을 드릴 수 있습니다.

입력 필드의 메타키를 tel1, tel2, tel3으로 안내해드리겠습니다.

1. FTP로 접속해서 /wp-content/plugins/kboard/skin/사용중인스킨/editor.php 파일에

적절한 위치에

아래의 코드를 추가해보시겠어요?

<input type="text" name="kboard_option_tel1" value="<?php echo $content->option->tel1 ? $content->option->tel1 : '010'?>">
<input type="text" name="kboard_option_tel2" value="<?php echo $content->option->tel2?>">
<input type="text" name="kboard_option_tel3" value="<?php echo $content->option->tel3?>">
<div class="kboard-tel-alert" style="color: red;"></div>

2. /wp-content/plugins/kboard/skin/사용중인스킨/script.js 파일에

아래의 코드를 찾아서

if(jQuery(form).data('validation') == 'ok'){
	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;
}

찾은 코드 위에 아래의 코드를 추가해보시겠어요?

if(jQuery('input[name=kboard_option_tel2]', form).exists()){
	 var tel2 = jQuery('input[name=kboard_option_tel2]', form).val();
	 var num = tel2.replace(/[^0-9]/g,"");
	 if(tel2.length != 4 || num.length != 4){
		 jQuery('.kboard-tel-alert', form).text('형식에 맞게 입력해주세요.');
		 return false;
	 }
}

고맙습니다.

빠른 답변 감사합니다.

말씀 주신 입력 필드 아래와 같이 전달 드립니다

	<div class="service_inquiry">
		<div class="service_inquiry_title">휴대폰 번호 <strong>*</strong></div>
		<div class="service_inquiry_content">[tel tel01]</div>
	</div>

휴대폰 번호 입력란이 tel01로 통으로 잡혀 있는데 이럴 경우는 어떻게 하면 될까요??

감사합니다!

컨택트폼 7 플러그인을 사용 중이신지요?

저희가 모든 플러그인을 테스트해볼 수는 없기 때문에

저희가 만든 제품이 아니라면 명확한 답변을 드리는 데 한계가 있습니다.

컨택트폼 7 플러그인에서 유효성 검사를 하는 필터를 지원하는 듯합니다.

아래의 링크를 참고해보시겠어요?

https://contactform7.com/2015/03/28/custom-validation/

고맙습니다.

네 컨택트폼 7 사용 중에 있습니다~