Проверка валидности ввода в input

В этом примере показано, как проверить правильность ввода данных в input. Предлагается ввести число от 1 до 10. Если допущена ошибка - выдается сообщение. Если ввод правильный - подтверждающее сообщение. Попробуйте ввести символы или специальные знаки - получите сообщение об ошибке.

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript проверяет корректность ввода в Input</h1>
<p>Введите число от 1 до 10:</p>
<input id="numb" type="number">
<button type="button" onclick="myFunction()">Ввести</button>
<p id="demo"></p>
<script>
function myFunction() {
 var x, text;
 // Get the value of the input field with id="numb"
 x = document.getElementById("numb").value;
 // If x is Not a Number or less than one or greater than 10
 if (isNaN(x) || x < 1 || x > 10) {
 text = "Ошибка ввода";
 } else {
 text = "Данные корректны";
 }
 document.getElementById("demo").innerHTML = text;
}
</script>
</body>
<⁄html>

Введите число от 1 до 10:

Похожие публикации: JavaScript

Войти и комментировать [ Вход | Регистрация ]