Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 10.10.2012, 09:51
Интересующийся
Отправить личное сообщение для x-miller-x Посмотреть профиль Найти все сообщения от x-miller-x
 
Регистрация: 22.07.2012
Сообщений: 18

Проверка заполнения полей
Помогите, пожалуйста! Как сделать так чтобы ошибка конкретного поля отображалась снизу этого же поля? А то у меня получается все в одном месте
Ответить с цитированием
  #2 (permalink)  
Старый 10.10.2012, 10:21
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,157

Сообщение от x-miller-x
Как сделать так чтобы ошибка конкретного поля отображалась снизу этого же поля?
Таки сделать так, чтобы она там и отображалась

<div>
   <input type='text' />
   <p>Error data</p>
</div>
Ответить с цитированием
  #3 (permalink)  
Старый 10.10.2012, 10:27
Интересующийся
Отправить личное сообщение для x-miller-x Посмотреть профиль Найти все сообщения от x-miller-x
 
Регистрация: 22.07.2012
Сообщений: 18

Вот мой код
<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>
Ответить с цитированием
  #4 (permalink)  
Старый 10.10.2012, 10:31
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,157

Сообщение от x-miller-x
Вот мой код
Фиговый код...
Не стоит использовать абзацы для форматирования. Для этого есть дивы...
Ответить с цитированием
  #5 (permalink)  
Старый 10.10.2012, 10:45
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,157

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

<!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>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Проверка полей Nitro_Generate Элементы интерфейса 3 30.05.2011 12:09
Проверка полей на форме alex_89 Общие вопросы Javascript 2 13.05.2011 14:12
проверка формы на изменение полей, кроме одного! cmygeHm ExtJS 14 13.04.2011 18:27
Проверка полей отправляемой формы. denisOgr jQuery 6 18.10.2010 19:40
проверка полей формы!!!! DENAT Общие вопросы Javascript 0 05.06.2008 22:14