컨택트폼 email 유효성 검사

안녕하세요.

KBoard(케이보드) 컨택트폼 에서 필수 > 이메일 input 은 보내기 버튼 클릭 시

데이타가 있으면 메일형식 여부를 체크를 하지만,

빈 공간일 경우 필수 데이타이지만 유효성 검사를 하지 않고 전송됩니다.

script.js 를 확인하니 name 과 같은 소스인데 이메일은 안되는데 어떻게 수정해야 할까요?

 

항상 빠른 정확한 답변 주셔서 감사합니다.

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
  • 안녕하세요~^^

    스킨의 script.js 파일을 수정해주세요.

    FTP로 접속해서 /wp-content/plugins/kboard/skin/contact-form/script.js 파일을 수정해주세요.

    1. 아래 코드를 찾아주세요.

    if(jQuery('input[name=kboard_option_email]', form).eq(1).exists() && !jQuery('input[name=kboard_option_email]', form).eq(1).val()){
    	// 이메일 필드가 있을 경우 필수로 입력합니다.
    	alert(kboard_localize_strings.please_enter_the_email);
    	jQuery('[name=kboard_option_email]', form).eq(1).focus();
    	return false;
    }

    2. 아래 코드로 교체해주세요.

    if(jQuery('input[name=kboard_option_email]', form).exists() && !jQuery('input[name=kboard_option_email]', form).val()){
    	// 이메일 필드가 있을 경우 필수로 입력합니다.
    	alert(kboard_localize_strings.please_enter_the_email);
    	jQuery('[name=kboard_option_email]', form).focus();
    	return false;
    }

     

    만약 자바스크립트 코드를 수정해도 안된다면 아래 처럼 input 태그에 required 속성을 추가해보세요.

    <input type="email" ... required>

    고맙습니다.

  • 알려주신대로 스크립트를 수정하였지만 동일한 증상이네요.

    이메일이 필수라서 alert 창으로 알려주고 싶은데 방법이 없을까요??

  • 안녕하세요~^^

    실제 KBoard 게시판 플러그인의 contact-form 스킨이 적용된 페이지 주소 알려주시겠어요?

    고맙습니다.

  • goo.gl/3r29B1

    여기 입니다. 이메일 입력란에 빈공간 상태로 신청하기 버튼 클릭 시

    스크립트 적용이 안되는 현상 입니다.

  • 안녕하세요.

    올려주신 사이트 확인해보니 기존의 코드가 적용되어 있습니다.

    alert 창을 표시하시려면 자바스크립트 코드로 구현하셔야 합니다.

    추가한 코드가 적용되지 않는다면 이전 댓글에서 말씀드린 것처럼

    input 태그에 required 속성을 추가해서 확인해보시겠어요?

    고맙습니다.

  • 위에 알려주신 추가 코드로 해도 적용이 안되서 원 위치 시켜놓은상태 입니다.

    기존코드나 알려주신 코드 다 이메일 란에 공백시 체크를 못하는 오류사항 아닌가요?

    required 보다는 alert 창으로 할 방법이 없을까요? 

    다른 필수란은 alert 으로 하고 이메일만 required 로 하는 것이 통일성도 없고해서요,

    부탁드립니다.

  • 안녕하세요.

    현재 올려주신 사이트에 적용된 스킨 폴더명이 contact-form-custom1입니다.

    FTP로 접속해서 /wp-content/plugins/kboard/skin/contact-form-custom1/script.js 파일을 수정해주셨는지요?

    저희 쪽에서 테스트해봤을 때는 알려드린 코드가 문제가 없었거든요.

    기존 정보가 브라우저 캐시로 남아있어서 반영이 안 되는 경우도 있습니다.

    코드 변경 후 캐시를 비워주신 후에 확인해보시겠어요?

    크롬에서 확인하신다면 Ctrl + Shift + R 키를 사용하시면 강력 새로고침을 사용할 수 있습니다.

    고맙습니다.

  • 네, 다시 알려주신 소스로 교체 후, 캐시 삭제하니깐

    정상 작동되네요.

    귀찮게 해 드려서 죄송하고, 감사 드립니다.

  • 안녕하세요.

    해결하셨다니 다행입니다. ㅎㅎ

    저희 제품을 사용하시면서 궁금하신 점이나 건의사항 등 커뮤니티에 글로 남겨주시면

    최대한 도움을 드리도록 하겠습니다.

    KBoard와 코스모스팜 홍보 부탁드려요~

    고맙습니다.

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기