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

비활성화된 양식 필드 제출

양식 작업 시 특정 필드를 표시해야 하지만 편집을 위해 비활성화해야 하는 상황이 발생할 수 있습니다. 그러나 비활성화된 필드는 일반적으로 해당 값을 제출하지 않으므로 데이터를 제출할 때 문제가 될 수 있습니다.

이 문제를 해결하려면 READONLY 속성을 사용할 수 있습니다. 안타깝게도 체크박스 및 선택과 같은 입력 유형에는 지원되지 않습니다.

jQuery 솔루션

READONLY를 적용할 수 없는 경우 jQuery는 해결 방법을 제공합니다.

$('form').submit(function(e) {
    $(':disabled').each(function(e) {
        $(this).removeAttr('disabled');
    })
});

이 코드 조각은 제출 시 양식 내의 모든 요소에서 비활성화된 속성을 제거합니다. 이렇게 하면 처음에 비활성화된 필드라도 제출할 수 있습니다.

추가 고려 사항

또한 필드 편집을 차단하고 싶지만 원하지 않는 경우 숨기려면 CSS를 사용하여 읽기 전용으로 스타일을 지정할 수 있습니다. 예:

input[disabled] {
    background-color: lightgray;
    border: 1px solid gray;
}

이 코드는 비활성화된 입력 필드를 회색으로 표시하고 사용자가 편집할 수 없도록 합니다. 그러나 해당 값은 계속 표시되며 양식을 제출할 때 해당 값이 제출됩니다.

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