Создание обязательных полей формы на сайте

Создание обязательных полей формы на сайте

Бьюсь об заклад, что вы не раз сталкивались с необходимостью указания обязательной информации в различных Интернет-сервисах: при регистрации, анкетировании, голосовании, авторизации, на конференциях, форумах и пр. Иногда это раздражает (мало кто «горит» желанием сообщать свой почтовый адрес или девичью фамилию своей бабушки), а порой такое требование просто необходимо. Например, на сайте юридической фирмы организована возможность онлайн-заказа бесплатной консультации и выставлена форма: Ф.И.О., e-mail, WWW, статус и суть вопроса. Все поля, за исключением адреса сайта (WWW), помечены особым символом, означающим обязательное заполнение (чаще всего это «звездочка» — *). Кстати, вот пример отличного оформления формы для сайта — tencar.ru, здесь вы можете заказать в городе анапа прокат авто, заполнив все поля с нужными вам параметрами.

Если в страницу с формой заказа не вставить специальный сценарий, контролирующий заполнение обязательных полей, к специалистам фирмы может прийти частично «пустое» письмо: нет имени или электронного адреса, не указан статус или суть задаваемого вопроса. Если посетитель отправит анонимное сообщение, обращение специалиста будет неперсонифицированным (в конце концов кто вам мешает вписать вымышленные данные?); если не будет указан 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(«Вы забыли заполнить одно или несколько обязательных полей!»)» — вывод диалогового окна с сообщением о том, что не все обязательные поля заполнены.

* Ваше имя:

Организация:

* E-mail:

* Город:

* Комментарий:
 

Далее необходимо пометить нужные элементы формы как обязательные для заполнения. Делается это очень просто: впереди значения атрибута NAME каждого обязательного элемента добавляется приставка required (не забудьте указывать символ * для таких полей), например:

* Ваше имя:<br>
<input type=»text» name=»requiredname» size=»25″ maxlength=»50″>

 

Оставьте комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Наши контакты

⚑ г. Москва Пресненская наб.
стр.12 (Башня Федерация).


☏ +7(495) 908-63-63
✉️ mail@vebpro.ru
Яндекс.Метрика

Дизайн-студия и агенство интернет рекламы vebpro.ru © 2019 – Все права защищены