Constraint Validation методы DOM
| Имущество | Описание |
|---|---|
| checkValidity() | Возвращает истину, если входной элемент содержит действительные данные. |
| setCustomValidity() | Устанавливает свойство ValidationMessage входного элемента. |
Если поле ввода содержит неверные данные, на дисплее появится сообщение:
CheckValidity () Метод
<input id="id1" type="number" min="100" max="300">
<button onclick="myFunction()">OK</button>
<p id="demo"></p>
<script>
function myFunction() {
var inpObj =
document.getElementById("id1");
if (inpObj.checkValidity()
== false) {
document.getElementById("demo").innerHTML = inpObj.validationMessage;
}
}
</script> Попробуй сам " Constraint Validation DOM Свойства
| Имущество | Описание |
|---|---|
| validity | Содержит логические свойства, относящиеся к действительности входного элемента. |
| validationMessage | Содержит сообщение браузера будет отображаться, когда действительность не соответствует действительности. |
| willValidate | Указывает, если входной элемент будет проверяться. |
Свойства Срок действия
Свойство действительность входного элемента содержит ряд свойств , относящихся к достоверности данных:
| Имущество | Описание |
|---|---|
| customError | Установите верно, если сообщение пользовательские действия устанавливается. |
| patternMismatch | Установите значение истина, если значение некоторого элемента не совпадает с его атрибут шаблона. |
| rangeOverflow | Установите значение истина, если значение некоторого элемента является больше, чем его атрибут макс. |
| rangeUnderflow | Установите значение истина, если значение некоторого элемента составляет меньше, чем его атрибут мин. |
| stepMismatch | Установите значение истина, если значение является элементом является недействительным на его шаге атрибута. |
| tooLong | Установите значение истина, если значение некоторого элемента превышает его атрибут MAXLENGTH. |
| typeMismatch | Установите значение истина, если значение является элементом является недействительным на его атрибута типа. |
| valueMissing | Установите верно, если элемент (с обязательным атрибутом) не имеет значения. |
| valid | Установите значение истина, если значение некоторого элемента является действительным. |
Примеры
Если номер в поле ввода больше 100 (макс атрибута способа ввода в), на дисплее появится сообщение:
RangeOverflow недвижимости
<input id="id1" type="number" max="100">
<button onclick="myFunction()">OK</button>
<p id="demo"></p>
<script>
function myFunction() {
var txt = "";
if (document.getElementById("id1").validity.rangeOverflow) {
txt = "Value too large";
}
document.getElementById("demo").innerHTML = txt;
}
</script>
Попробуй сам " Если номер в поле ввода составляет менее 100 (мин атрибута способа ввода в), на дисплее появится сообщение:
RangeUnderflow недвижимости
<input id="id1" type="number" min="100">
<button onclick="myFunction()">OK</button>
<p id="demo"></p>
<script>
function myFunction() {
var txt = "";
if (document.getElementById("id1").validity.rangeUnderflow) {
txt = "Value too small";
}
document.getElementById("demo").innerHTML = txt;
}
</script>
Попробуй сам "