HOME FORUMS MEMBERS RECENT POSTS LOG IN  
× Авторизация
Имя пользователя:
Пароль:
Нет аккаунта? Регистрация
Баннер 1   Баннер 2
НОВЫЕ ТОРГОВАЯ НОВОСТИ ЧАТ
loading...
Скрыть
Вернуться   ANTICHAT > ПРОГРАММИРОВАНИЕ > PHP
   
Ответ
 
Опции темы Поиск в этой теме Опции просмотра

Проверка полей на ввод, подцветка не введенных полей
  #1  
Старый 22.04.2010, 11:52
.::BARS::.
Постоянный
Регистрация: 13.10.2007
Сообщений: 347
С нами: 9778359

Репутация: 115
По умолчанию Проверка полей на ввод, подцветка не введенных полей

Привет всем... помогите реализовать такую фишу
http://www.ice27.ru/kart.php
это скрипт реги анкет...
важные поля - фио, тел и мыло...
нужно как то явой проверять на ввод в поле.. и если не введено, то выделять красным...
как такое замутить?
я добавил к полям ключ required
но он работает только в опере...
 
Ответить с цитированием

  #2  
Старый 22.04.2010, 12:20
diGriz
Участник форума
Регистрация: 11.10.2006
Сообщений: 134
С нами: 10305836

Репутация: 235
По умолчанию

Можно сделать проверку при событии onBlur, т. е. при потере фокуса:
Код:
<script type="text/javascript">
function checkField(val) {
	if(document.getElementById(val).value == "") {
		document.getElementById(val).style.border = "1px solid red";
	} else  {
		document.getElementById(val).style.border = "";
	}
}
</script>
<input type="text" name="name" id="name" onblur="checkField(this.id)"  />
<input type="text" name="email" id="email" onblur="checkField(this.id)"/>
Ну, а лучше при сабмите формы проверить поля:
Код:
<script type="text/javascript">
function checkField(val) {
	if(document.getElementById(val).value == "") {
		document.getElementById(val).style.border = "1px solid red";
	} else  {
		document.getElementById(val).style.border = "";
	}
}
function SendForm() {
var err = "";
if (document.getElementById("name").value == "") {
	document.getElementById("name").style.border = "1px solid red";
        err = 1;
    }

if (document.getElementById("email").value == "") {
	document.getElementById("email").style.border = "1px solid red";
	err = 1;
    }
if(err) {
	return false;
}
return true;

}
</script>
<form action="aa.php" method="post" onsubmit="return SendForm();">
<input type="text" name="name" id="name" onblur="checkField(this.id)"  />
<input type="text" name="email" id="email" onblur="checkField(this.id)"/>
<input type="submit" name="submit"/>
</form>

Последний раз редактировалось diGriz; 22.04.2010 в 12:45..
 
Ответить с цитированием

  #3  
Старый 22.04.2010, 12:58
.::BARS::.
Постоянный
Регистрация: 13.10.2007
Сообщений: 347
С нами: 9778359

Репутация: 115
По умолчанию

спасибо
 
Ответить с цитированием
Ответ



Предыдущая тема Следующая тема
Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
ПРОВЕРКА почти всех уязвимостей и багов! _GaLs_ Избранное 16 28.09.2016 16:15
Регеры ICQ UIN'ов by saiNT sai_NT Skype, IRC, ICQ, Jabber и другие IM 481 17.09.2010 17:58



Здесь присутствуют: 1 (пользователей: 0 , гостей: 1)
 


Быстрый переход




ANTICHAT ™ © 2001- Antichat Kft.