Браузер |
Internet Explorer |
Chrome |
Opera |
Safari |
Firefox |
|||||||||||||||
Версия |
6.0 |
7.0 |
8.0 |
9.0 |
2.0 |
3.0 |
4.0 |
5.0 |
9.2 |
9.6 |
10 |
2.0 |
3.1 |
4.0 |
5.0 |
2.0 |
3.0 |
3.6 |
4.0 |
|
Поддержка |
onkeyup=
"скрипт"
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Параметр onkeyup</title>
<style type="text/css">
#msg {
color: red; /* Цвет текста */
display: none; /* Прячем сообщение */
}
</style>
<script type="text/javascript">
function validForm(f) { // Если введено число, то скрываем предупреждение
if (isDigit(f.value)) document.getElementById("msg").style.display = "none"; // В противном случае отображаем предупреждение
else document.getElementById("msg").style.display = "inline";
}
// Функция по проверке, число введено или нет
function isDigit(data) {
var numStr="0123456789";
var k = 0;
for (i=0;i<data.length;i++) {
thisChar = data.substring(i, i+1);
if (numStr.indexOf(thisChar) != -1) k++;
}
if (k == data.length) return 1;
else return 0;
}
</script>
</head>
<body>
<form action="">
<p>Введите любое число.</p>
<p><input type="text" name="num" onkeyup="validForm(this)">
<span id="msg">Вы ошиблись. Пожалуйста, введите число.</span></p>
</form>
</body>
</html>