Форум

x-miller-x · #1 (**permalink**) 10.10.2012, 09:51

Помогите, пожалуйста! Как сделать так чтобы ошибка конкретного поля отображалась снизу этого же поля? А то у меня получается все в одном месте

ksa · #2 (**permalink**) 10.10.2012, 10:21

Сообщение от x-miller-x

Как сделать так чтобы ошибка конкретного поля отображалась снизу этого же поля?

Таки сделать так, чтобы она там и отображалась

<div>
   <input type='text' />
   <p>Error data</p>
</div>

x-miller-x · #3 (**permalink**) 10.10.2012, 10:27

Вот мой код

<form action="/" method="post" name="preview">
   <div class="form">
    
      <p><input type="text" name="name" value="" /> Контактное лицо</p>
      <p><input type="text" name="email" value="" /> E-mail</p>

   </div>
   <p><input type="checkbox" name="agree" value="on" /> Согласен на все условия</p>

   <p class="red" id="alert"></p>

   <input type="button" value="отправить" onclick="checkForm()" />
</form>

<script type="text/javascript">
   function text (str) { return /[0-9_;:'!~?=+<|>]/g.test(str); }

   function numeric (str) { return /^[0-9-\+\(\)\s]+z/.test(str + "z"); }

   function mail (str) { return /^[a-z0-9_\.]+@[a-z0-9_\.]+.[a-z]{2,3}$/.test(str); }

   function checkForm () 
      {
      var title;
      var elem;
      var dutyField = "Не заполнено поле ";
      var wrongField = "Неверное значение поля ";
      var check = true;

      function checkError (field, str) 
         {
         document.getElementById("alert").innerHTML = str;
         document.forms.preview.field.focus();
         check = false;
         }

      document.getElementById("alert").innerHTML = "";


      if (check)
         {
         title = '"Контактное лицо"';
         elem = document.preview.name.value;
         if (elem.length == 0) checkError('name', dutyField + title);
         else if (text(elem)) checkError('name', wrongField + title);
         }
         
      if (check)
         {
         title = '"E-mail"';
         elem = document.preview.email.value;
         if (elem.length == 0) checkError('email', dutyField + title);
         else if (!mail(elem)) checkError('email', wrongField + title);
         }

      if (check)  { document.preview.submit(); }

      return check;
      }
</script>

ksa · #4 (**permalink**) 10.10.2012, 10:31

Сообщение от x-miller-x

Вот мой код

Фиговый код...
Не стоит использовать абзацы для форматирования. Для этого есть дивы...

ksa · #5 (**permalink**) 10.10.2012, 10:45

Как вариант...

<!DOCTYPE html>
<html>
<head>
<!--
<script src="http://code.jquery.com/jquery-latest.js"></script>
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
.error {
	color: red;
}
</style>
<script type="text/javascript">
function send() {
	if (document.getElementById('fio').value=='') {
		document.getElementById('err_fio').innerHTML='Заполните ФИО';
		return false;
	};
	return true;
};
</script>
</head>
<body>
<form onsubmit='return send();'>
	<div>
	   <label>ФИО <input id='fio' type='text' /></label>
	   <p id='err_fio' class='error'></p>
	</div>
	<button type='submid'>Send</button>
<form>
</body>
</html>

Форум

Справочник

Discord чат

Курсы javascript