1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
|
---
title: ValidityState.rangeOverflow
slug: Web/API/ValidityState/rangeOverflow
tags:
- API
- Constraint Validation API
- DOM
- Свойство
- Справочник
browser-compat: api.ValidityState.rangeOverflow
---
<p>Доступное только для чтения свойство <strong><code>rangeOverflow</code></strong> объекта <strong><code><a href="/ru/docs/Web/API/ValidityState">ValidityState</a></code></strong> указывает, что после редактирования пользователем поля {{HTMLElement("input")}}, значение не соответствует ограничениям, установленным атрибутом <code><a href="/en-US/docs/Web/HTML/Attributes/max">max</a></code>.</p>
<p>Если поле является числовым, включая типы {{HTMLElement("input/date", "date")}}, {{HTMLElement("input/month", "month")}}, {{HTMLElement("input/week", "week")}}, {{HTMLElement("input/time", "time")}}, {{HTMLElement("input/datetime-local", "datetime-local")}}, {{HTMLElement("input/number", "number")}}, {{HTMLElement("input/range", "range")}} и заданно значение атрибута max, если содержимое поля не соответствует ограничению атрибута <code><a href="/en-US/docs/Web/HTML/Attributes/step">max</a></code>, свойство <code>rangeOverflow</code> будет true.</p>
<p>Учитывая слещующее:</p>
<pre class="brush: html"><input type="number" min="20" max="40" step="2"/></pre>
<p>если <code>value > 40</code>, <code>rangeOverflow</code> будет true. Если <code>true</code>, элемент соответствует CSS-псевдоклассам {{cssxref(":invalid")}} и {{cssxref(":out-of-range")}}.</p>
<h2 id="Specifications">Спецификации</h2>
{{Specifications}}
<h2 id="Browser_compatibility">Совместимость с браузерами</h2>
<p>{{Compat}}</p>
<h2 id="See_also">Смотрите также</h2>
<ul>
<li>{{domxref("ValidityState.rangeUnderflow")}}</li>
<li><a href="/ru/docs/Web/Guide/HTML/HTML5/Constraint_validation">Валидация ограничений</a></li>
<li><a href="/ru/docs/Learn/Forms/Form_validation">Валидация форм на стороне клиента</a></li>
<li><a href="/en-US/docs/Web/HTML/Attributes/step">Атрибут <code>step</code></a></li>
<li><a href="/en-US/docs/Web/HTML/Attributes/min">Атрибут <code>min</code></a></li>
</ul>
|
