Javascript를 사용하여 HTML5 필수 속성을 동적으로 설정하는 방법

Javascript를 사용하여 HTML5 필수 속성을 동적으로 설정

Javascript를 사용하여 HTML5에서 필수 속성을 동적으로 설정하려면 다음 단계를 따르세요.

문제 개요

권장 W3C 구문을 사용하여 필수 속성을 설정하려고 시도:

document.getElementById("edName").attributes["required"] = "";

검증 검사가 실행되지 않습니다.

HTML5 검증 부울 속성을 설정하는 올바른 방법

HTML5 유효성 검사 부울 속성을 설정하는 올바른 방법은 element.required 속성을 사용하는 것입니다.

예:

document.getElementById("edName").required = true;

여기서 edName은 입력 요소의 ID입니다.

속성 값 이해

HTML5에서 부울 속성은 다음 중 하나로 정의해야 합니다.

• 속성을 비워 두는 것: 필수=""
• 속성의 정식 이름 사용: 필수="required"

그러나 , 필수 속성이 마크업에 정의된 경우 속성 값은 다음 옵션 중 어느 것도 아닙니다.

edName.attributes.required = [object Attr]

필수는 ID, 이름, 유형과 유사한 반영된 속성이기 때문입니다.

반사된 속성

반사된 속성은 요소 개체 자체에 존재하는 속성입니다. 반영된 속성의 값을 설정하면 HTML의 해당 속성이 업데이트됩니다.

따라서 다음 두 가지 방법은 동일합니다.

setter 속성 사용:

element.required = true;

setAttribute 사용:

element.setAttribute("required", "");

반영된 속성을 지우려면 RemoveAttribute:

element.removeAttribute("required");

를 사용하세요.

위 내용은 Javascript를 사용하여 HTML5 필수 속성을 동적으로 설정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!