<!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>