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

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

문제 개요

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

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

doesn' 유효성 검사를 트리거합니다.

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

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

예:

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

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

속성 값 이해

HTML5에서 부울 속성은 다음 중 하나로 정의할 수 있습니다.

• 속성을 비워 두기: 필수=""
• 속성의 표준 이름 사용 : require="required"

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

edName.attributes.required = [object Attr]

Required는 id, name, type과 유사한 반영된 속성이기 때문입니다.

반영된 속성

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

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

setter 속성 사용:

element.required = true;

setAttribute 사용:

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

반영된 속성인 경우에는 RemoveAttribute:

element.removeAttribute("required");