코스모스팜 스레드

커스텀 입력 필드 필수 입력 오류

안녕하세요 ㅠ

워드프레스 게시판 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 <- 넣었더니 되는거같은데 맞나요? ㅜㅜ

  • kboard-attr-title 이 클래스는 큰 상관이 없어 보입니다.

    현재는 잘 되시는지요? 그렇다면 브라우저에 캐시가 남아있어서 새로운 코드가 적용이 안됐던 것 같습니다.

    작업하시면서 브라우저 캐시를 꼭 비워가면서 해주세요.

    그리고 스크립트 오류를 확인하시려면 크롬 브라우저의 개발자 도구(F12키)의 Console 창에 어떤 메시지가 나오는지 확인하시면 됩니다.

     

    워드프레스에서는 $ 표시 대신 꼭 jQuery 로 사용해주셔야 합니다.

     

    그리고 자바스크립트 대신 간단하게 필드를 필수로 입력하게 하시려면,

    required 속성을 추가해서 필수로 값을 입력받게 할 수 있습니다.

    예를 들자면 아래와 같이 태그에 required 를 추가해주시면 동작합니다.

    <input type="text" name="title" required>

    간단하지만 익스플로러8 등의 오래된 브라우저에서는 동작하지 않습니다^^;;

  • 흠 그렇군요! 

    몇개는 되는데 몇개는 그냥 넘어가는것 같아서,. 일단은 소스를 추가해서 적용했습니다 ! 감사합니다~~!!

이미지 사진은 imgur에 업로드한 뒤 링크 걸어주세요.
무제한으로 웹사이트를 만드세요. (코스모스팜 무제한 라이센스)