Форум

Skriptor · #1 (**permalink**) 23.12.2014, 13:38

Сделал код и пытаюсь запустить, чтобы при введении меньше 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>

рони · #2 (**permalink**) 23.12.2014, 13:57

Сообщение от Skriptor

document.write

это запрещено использовать начинающим осваивать js!!!!

Skriptor · #3 (**permalink**) 23.12.2014, 18:20

Почему запрещено? Объясните пожалуйста, как вывести на страницу предупреждение (и почему не срабатывает код)?

рони · #4 (**permalink**) 23.12.2014, 18:39

Skriptor,
Работа с текстом

Skriptor · #5 (**permalink**) 25.12.2014, 16:31

Скажите пожалуйста, чем можно заменить в изложенном мною выше примере document.write
Просто чтобы мне понятно было, как говорится, на практике...

Malleys · #6 (**permalink**) 25.12.2014, 16:40

можно свойством innerHTML

Malleys · #7 (**permalink**) 25.12.2014, 18:05

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

Форум

Справочник

Discord чат

Курсы javascript