programing

데이터를 제출하지 않는 사용 불가능한 양식 필드

skycolor 2023. 9. 4. 19:40
반응형

데이터를 제출하지 않는 사용 불가능한 양식 필드

사용할 수 없는 양식 필드에서 데이터를 제출할 수 있는 방법이 있습니까(속성 플래그 등)이 있습니까?

아니면, 그것이 불가능하다면, 필드를 숨기지 않고 CSS나 비활성화된 다른 속성으로 편집하는 것을 차단할 수 있는 방법이 있습니까?

현재 저의 특별한 경우는 (편집 불가능) 형태로 표시되어야 하는 데이터 세트의 식별자입니다. 더 나은 솔루션이 없다면 비활성화된 필드 외에 숨겨진 필드를 사용하여 실제 값을 표시하고 비활성화된 필드가 표시되도록 할 것입니다.

이미 언급했듯이:READONLY에 적합하지 않습니다.<input type='checkbox'>그리고.<select>...</select>.

만약 당신이 가지고 있다면.Form비활성화된 확인란/선택한 후 제출해야 하는 경우 jQuery:

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

이 코드는 다음을 제거합니다.disabled제출 시 모든 요소의 속성을 입력합니다.

다음과 같이 "비활성화"할 필드(회색 배경과 함께)에서 CSS pointer-events:none을 사용합니다.

<input type="text" class="disable">

.disable{
pointer-events:none;
background:grey;
}

참조: https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events

또한 아래 속성을 가진 읽기 전용을 사용할 수 있습니다.

= 'return false;' 클릭 시에만 읽습니다.

읽기 전용만 사용할 경우 라디오 단추를 편집할 수 있기 때문입니다.이러한 상황을 방지하기 위해 위의 조합으로 읽기 전용을 사용할 수 있습니다.편집이 제한되고 양식 제출 중에 요소의 값도 전달됩니다.

선택 및 텍스트 태그에서 작동하는 입력 요소에 CSS 또는 클래스를 추가합니다.

style="flash-flash: 없음; 배경-색:#E9ECEF"

언급URL : https://stackoverflow.com/questions/8925716/disabled-form-fields-not-submitting-data

반응형