Почему не запускается onblur
Сделал код и пытаюсь запустить, чтобы при введении меньше 3 и больше 35 символов выдавало сообщение справа от поля. Но не запускается... Что не так и почему?
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=window-1251">
<script type='text/JavaScript'>
function notFocus(x) {
var x = document.form22.getElementById('firstname');
if(x.length<3&&x.length>35) document.write("Введите больше 3 и меньше 35 символов");}
function notFocus(y) {
var y = document.form22.getElementById('surname');
if(y.length<3&&y.length>35) document.write("Введите больше 3 и меньше 35 символов");
}
</script>
</head>
<body>
<form name="form22">
Ваше имя:
<input type = 'text' id = "firstname" onblur="notFocus(this);">
<br /><br />
Ваша фамилия:
<input type = 'text' id = "surname" onblur="notFocus(this);">
<br /><br />
</form>
</body>
</html>
|
Цитата:
|
Почему запрещено? Объясните пожалуйста, как вывести на страницу предупреждение (и почему не срабатывает код)?
|
|
Скажите пожалуйста, чем можно заменить в изложенном мною выше примере document.write
Просто чтобы мне понятно было, как говорится, на практике... |
можно свойством innerHTML
|
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script>
function $(element) {
return document.getElementById(element);
}
function notFocus(element) {
if(element.value.length < 3 || element.value.length > 35)
$('info').innerHTML = "Введите больше 3 и меньше 35 символов";
else
$('info').innerHTML = "OK";
}
</script>
<style>
form span {
display: inline-block;
width: 150px;
height: 25px;
}
</style>
</head>
<body>
<div id="info"></div>
<form name="form22">
<div>
<span>Ваше имя:</span>
<input type="text" id="firstname" onblur="notFocus(this); " />
</div>
<div>
<span>Ваша фамилия:</span>
<input type="text" id="surname" onblur="notFocus(this); " />
</div>
</form>
</body>
</html>
|
| Часовой пояс GMT +3, время: 18:32. |