JavaScript - 문제 미리보기
문제 741
hard
Form Validation API의 validity 속성에 대한 문제입니다.
다음 HTML과 JavaScript 코드에서 입력값이 150일 때, 어떤 validity 속성이 true가 될까요?
```html
<input id="userInput" type="number" min="100" max="300" required>
```
```javascript
function checkInput() {
const input = document.getElementById("userInput");
const validity = input.validity;
// 입력값: 150
}
```
다음 HTML과 JavaScript 코드에서 입력값이 150일 때, 어떤 validity 속성이 true가 될까요?
```html
<input id="userInput" type="number" min="100" max="300" required>
```
```javascript
function checkInput() {
const input = document.getElementById("userInput");
const validity = input.validity;
// 입력값: 150
}
```
정답: C
입력값 150은 min="100"과 max="300" 사이에 있는 유효한 값이므로 `valid` 속성이 true가 됩니다. `rangeUnderflow`는 값이 min보다 작을 때, `rangeOverflow`는 값이 max보다 클 때 true가 되고, `valueMissing`은 required 필드가 비어있을 때 true가 됩니다. validity 객체의 이러한 속성들을 통해 정확한 유효성 검사를 수행할 수 있습니다.
💡 학습 팁
이 문제를 포함한 JavaScript 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.