해결) An invalid form control with name='content' is not focusable.

작성자: [관리자] 하얀설표

2025.02.04 10:08 (KST) 작성됨






에러 내용

An invalid form control with name='content' is not focusable.
<textarea name=​"content" cols=​"40" rows=​"10" placeholder=​"내용을 입력하세요" required id=​"id_content" aria-hidden=​"true" style=​"display:​ none;​">​</textarea>​

 

해결 방법

textarea의 스타일 속성(display: none) 또는 required 속성을 제거한다.

 

설명

이유 설명

내 경우 이 문제가 tinymce를 적용하다가 발생했다.

tinymce를 사용하면 기존 dom 요소에 display: none style을 적용해버리는데, 해당 태그에 required 속성이 존재했기 때문에 문제가 발생했다.
외부에 노출되지 않으니 form에서 해당 태그의 내용을 가져올 수 없고, required 속성을 만족하는지 판단할 수 없기 때문에 form이 넘어가질 못하는 것이었따.

문제를 해결하기 위해 tinymce를 적용하는 dom 요소에 한해 required 속성을 제거하는 스크립트를 추가해 문제를 해결하였다.

 

예시 코드

<script>
var textarea = document.querySelector('textarea[name=content][required]');
if (textarea) {
    textarea.removeAttribute('required');
}
</script>





추천 (0)


글 목록

댓글을 달 수 없는 게시물입니다.


"분류없음" 카테고리의 #에러해결 관련 게시물

분류없음
해결) django.db.utils.OperationalError: database is locked
수정 06.18 | [관리자] 하얀설표
👍 0
#Python, #에러해결, #Django
🗨️ 0
썸네일
분류없음
해결) mplfinance 한글 깨짐 문제(폰트 미지원 문제)
수정 2024.11.24 | [관리자] 하얀설표
👍 0
#Python, #에러해결
🗨️ 0
분류없음
해결)ImportError: attempted relative import with no known parent package
수정 2024.11.17 | [관리자] 하얀설표
👍 0
#Python, #에러해결
🗨️ 0
분류없음
해결)OSError: Chromium downloadable not found at {url} No such object
수정 2024.05.15 | [관리자] 하얀설표
👍 0
#Python, #에러해결
🗨️ 0
분류없음
해결)ModuleNotFoundError: No module named '_sqlite3'
작성 2024.04.23 | [관리자] 하얀설표
👍 0
#Python, #에러해결
🗨️ 0
분류없음
해결)json.decoder.JSONDecodeError: Invalid \escape: line * column * (char *)
수정 2024.04.22 | [관리자] 하얀설표
👍 0
#Python, #에러해결
🗨️ 0
썸네일
분류없음
해결)네이버 공유하기 알 수 없는 오류가 발생하여 공유하기가 진행되지 못했습니다
수정 2024.04.19 | [관리자] 하얀설표
👍 0
#에러해결
🗨️ 0
분류없음
해결)WARNING: Requirement 'JPype1‑1.4.0‑cp310‑cp310‑win_amd64.whl' looks like a filename, but the file does not exist
작성 2023.12.13 | [관리자] 하얀설표
👍 0
#Python, #에러해결
🗨️ 0
분류없음
해결)jpype._jvmfinder.JVMNotFoundException: No JVM shared library file (jvm.dll) found.
작성 2023.12.13 | [관리자] 하얀설표
👍 0
#Python, #에러해결
🗨️ 0
분류없음
해결)jpype._jvmfinder.JVMNotFoundException: No JVM shared library file (jvm.dll) found. Try setting up the JAVA_HOME envir
작성 2023.12.13 | [관리자] 하얀설표
👍 0
#Python, #에러해결
🗨️ 0