> 웹 프론트엔드 > CSS 튜토리얼 > 비활성화된 양식 필드에서 데이터를 제출하려면 어떻게 해야 합니까?

비활성화된 양식 필드에서 데이터를 제출하려면 어떻게 해야 합니까?

Barbara Streisand
풀어 주다: 2024-11-24 03:23:13
원래의
931명이 탐색했습니다.

How Can I Submit Data from Disabled Form Fields?

비활성화된 양식 필드 제출

비활성화된 양식 필드로 인해 데이터가 제출되지 않으면 실망스러울 수 있습니다. 이 문서에서는 비활성화된 필드에서 데이터 제출을 활성화하거나 필드를 숨기지 않고 편집을 효과적으로 차단하기 위한 솔루션을 제공합니다.

데이터 제출 활성화

안타깝게도 기본 제공 속성은 없습니다. 또는 비활성화된 필드가 데이터를 제출할 수 있도록 플래그를 지정합니다. 그러나 제출 시 jQuery 해결 방법을 사용하여 비활성화된 속성을 제거할 수 있습니다.

$('form').submit(function(e) {
    $(':disabled').each(function(e) {
        $(this).removeAttr('disabled');
    })
});
로그인 후 복사

이 코드는 양식이 제출될 때 비활성화된 모든 필드에 비활성화된 속성이 제거되어 해당 데이터를 사용할 수 있도록 합니다. 제출되었습니다.

편집 차단

필드 편집을 방지하고 데이터를 제출하지 않으려면, 비활성화된 속성 대신 CSS나 다른 속성을 사용해 볼 수 있습니다. 안타깝게도 이러한 방법에는 제한 사항이 있습니다.

  • CSS 표시: 없음;: 필드를 숨겨 화면 판독기가 액세스할 수 없게 만듭니다.
  • CSS 포인터 -events: none: 사용자 상호 작용을 방지하지만 모두 작동하지 않을 수 있습니다. 브라우저.
  • readOnly: 필드.

추가 솔루션

편집할 수 없는 식별자를 표시하는 또 다른 옵션은 표시용으로 비활성화된 필드와 실제 필드용으로 숨겨진 필드를 조합하여 사용하는 것입니다. 값. 이를 통해 식별자를 편집하거나 직접 제출하지 않고도 식별자를 표시할 수 있습니다.

위 내용은 비활성화된 양식 필드에서 데이터를 제출하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿