Бьюсь об заклад, что вы не раз сталкивались с необходимостью указания обязательной информации в различных Интернет-сервисах: при регистрации, анкетировании, голосовании, авторизации, на конференциях, форумах и пр. Иногда это раздражает (мало кто «горит» желанием сообщать свой почтовый адрес или девичью фамилию своей бабушки), а порой такое требование просто необходимо. Например, на сайте юридической фирмы организована возможность онлайн-заказа бесплатной консультации и выставлена форма: Ф.И.О., e-mail, WWW, статус и суть вопроса. Все поля, за исключением адреса сайта (WWW), помечены особым символом, означающим обязательное заполнение (чаще всего это «звездочка» — *).
Если в страницу с формой заказа не вставить специальный сценарий, контролирующий заполнение обязательных полей, к специалистам фирмы может прийти частично «пустое» письмо: нет имени или электронного адреса, не указан статус или суть задаваемого вопроса. Если посетитель отправит анонимное сообщение, обращение специалиста будет неперсонифицированным (в конце концов кто вам мешает вписать вымышленные данные?); если не будет указан e-mail, вы не сможете получить ответ; если вы не сообщите свой социальный статус, консультанту будет гораздо сложнее дать вам исчерпывающий ответ без знания специфики вашей жизнедеятельности; ну а если вы вдруг «забудете» задать свой вопрос…
От долгого лирического вступления перехожу к непосредственно самому скрипту (раздел HEAD):
<script>
function checkrequired(which){
var pass=true
if (document.images){
for (i=0;i<which.length;i++){
var tempobj=which.elements[i]
if (tempobj.name.substring(0,8)==»required»){
if (((tempobj.type==»text»||tempobj.type==»textarea»)&&tempobj.value;==»)||(tempobj.type.toString().charAt(0)==»s»&&tempobj.selectedIndex;==-1)){
pass=false
break
}
}
}
}
if (!pass){
alert(«Вы забыли заполнить одно или несколько обязательных полей!»)
return false
}
else
return true
}
</script></which.length;i++){
где
«function checkrequired(which)» — функция проверки конкретного элемента формы (в данном примере проверяются текстовые поля TEXT и TEXTAREA, а также ниспадающие меню SELECT);
«alert(«Вы забыли заполнить одно или несколько обязательных полей!»)» — вывод диалогового окна с сообщением о том, что не все обязательные поля заполнены.
Далее необходимо пометить нужные элементы формы как обязательные для заполнения. Делается это очень просто: впереди значения атрибута NAME каждого обязательного элемента добавляется приставка required (не забудьте указывать символ * для таких полей), например:
* Ваше имя:<br>
<input type=»text» name=»requiredname» size=»25″ maxlength=»50″>
Лето — пора отпусков и самой увлекательной рыбалки! Получить самые яркие впечатления от такого отдыха поможет рыбалка с лодки. Купите лодочный мотор и отправляйтесь на рыбалку в самые отдаленные места, где вас не потревожат отдыхающие! Если хотите купить лодочный винт по выгодной цене — заходите на сайт royal-shop.kz!
