Проверка правильности заполнения формы вариант №2

Сегодня я хочу продолжить тему проверки заполнения форм. Ранее, в заметке “Проверка правильности заполнения формы” я приводил пример наиболее простого способа предупреждения пользователя о ошибках, представляю вашему вниманию более “продвинутый” способ проверки с помощью JavaScript, который в случае неверного заполнения будет выводить “Alert” окно с подсказками на какие поля обратить внимание.

Пример формы обратной связи с сайта…

<FORM action="mail.php" method="post" name="forma" onsubmit="return check();">

<table>

    <tr>

        <td>

            <table width="100%">

            	<tr>

            		<td>ФИО* :</td>

                    <td align="right"><input type="text" value="" name="fio" maxlength="260"></td>

            	</tr>

            	<tr>

            		<td>E-mail* :</td>

                    <td align="right"><input type="text" value="" name="email" maxlength="260"></td>

            	</tr>

            	<tr>

            		<td>Телефон:</td>

                    <td align="right"><input type="text" value="" name="telefon" maxlength="100"></td>

            	</tr>

            </table>

        </td>

    </tr>

	<tr>

		<td>Текст сообщения* :</td>

	</tr>

    <tr>

		<td><TEXTAREA name="data" wrap="hard"></TEXTAREA></td>

	</tr>

	<tr>

		<td><input type="Submit" value="Отправить"  name="submit"></td>

	</tr>

</table>

<p>* Поля, обязательные для заполнения</p>

</FORM>

Данная форма выглядит следующим образом…

В данной форме у нас имеются поля с именами “fio, email и data” которые и проверяет ниже приведенный скрипт.

Далее сам JavaScript проверки заполнения полей.

function check()

	{

				arr_field=new Array("fio","email","data");

				arr_desc_field=new Array("Ф.И.О.","E-mail","Текст сообщения");

	mail=document.forms['forma'].elements['email'];
	error="";
	for(i=0;i
		{
		if(document.forms['forma'].elements[arr_field[i]].value=='')

			{

			if(error=='')

				document.forms['forma'].elements[arr_field[i]].focus();

			error+="-"+arr_desc_field[i]+"n";

			}

		}

    if(error=="")

    	{

		if (! mail.value.match ( /^[w_-.^]+@[w]([w-_.]*w)?.[w]+$/ ) )

			{

			 alert("Некорректно заполнено поле  E-mail");

			 mail.focus();

			 return false;

			}

		else

			{

			return true;

			}

    	}

    alert("Пожалуйста, заполните слудующие поля:n"+error);

	return false;

	}

Особенностью данного скрипта является то, что в нем реализована более менее нормальная проверка корректного ввода почтового ящика, т.е. корректного с точки зрения написания.

17-04-08 23:04:52

Мои работы

	Мои сайты (40) Triolan - Киев Avelanto Rising Force Online Мобильные новости Юридическая компания КОНСИЛЬЕРИ Михайлюк, Сороколат и Партнеры Мебельные ткани VIP SlobodaNET Улыбка Triolan - Полтава ФаворитТВ Корпусная мебель OOO "Прогресс - 1" Пойнтер клуб ООО "Энергия-Буд" Компания "Каскад - КСВ" Редизайн сайта BaluNET ООО "Фактор КОМ" Клуб "ПАФОС" ООО "ПФК Фактор, Лтд" POEXALI Экскурсии по городам Украины Фотографии городов Украины Караванский завод МАТРО МАРКЕТ Elite M-Shop Аренда квартир ЧФ "ДентаЛюкс" Counter-Strike BaluNET ООО "Декон" ООО "Паллада Плюс" Tarasishe portfolio BaluNET Customize Пескоструйное оборудование Video BaluNET ООО Механик-Центр Мегаполис Games BaluNET BaluNET Hardware Forum BaluNET Сайт Internet провайдера Мои баннеры (4) www.elite-mobile.org.ua mirc.medianet.ua www.media.balu.net.ua www.radio.balu.net.ua Мои скрипты (1) Погодный информер

Познавательно

	Поисковые системы (4) Yandex теперь понимает Sitemap Яндекс раздает антивирус Касперского Поисковые операторы Google Что делать, если Яндекс забанил сайт Веб-мастеринг (13) 5 сборок WEB серверов 5 онлайн сервисов для работы с CSS Необычная страница для ошибки 404 Как сменить домен не потеряв аудиторию, тИЦ и PR Фиксированное положение фонового изображения Увеличение изображения без потери качества Боремся с копированием изображений. Способ № 2 Боремся с копированием изображений. Способ № 1 Обновляем дату на копирайте автоматически Справочник терминов вебмастера Sitemaps XML формат SEO оптимизация текста 7 рекомендаций по подготовке к запуску сайта PHP скрипты (4) Компрессия CSS таблиц средствами PHP Улучшенная сортировка списков с использованием PHP и CSS Определяем статус ICQ PHP ротатор баннеров CSS-верстка (8) Поддержка CSS в почтовых клиентах Делаем эффект наведения на блок Делаем "резиновую" форму Ссылки внутри большой “кликабельной” области Облако тегов - CSS оформление CSS: Необычная ссылка CSS: Позиционируем элемент точно в центре экрана CSS: регистр символов Браузеры (1) Делаем таблицу стилей CSS только для IE Разное (6) Winamp обзавелся своим поиском Полезные сервисы часть вторая 10 бесплатных Primary и Seconadary DNS серверов Полезные сервисы для работы с поисковиками Социальные закладки как способ увеличения посещаемости CSS3 эффект – прячем картинку в тексте! JavaScript (4) Проверка правильности заполнения формы вариант №2 Проверка правильности заполнения формы Скрипт проверки качества пароля Меняем величину (размер) шрифта с javascript Программы (1) IETester – проверяем совместимость 4х IE браузеров сразу

	dikli (Поподробнее пожалуйста :)) Admin (Есть же http://browsershots.or...) Роман (Удобная прога для верстальщико...) Гость (Фтопку!!! Ниработаид!!! ХЗ поч...) vistor (Скрипт супер. Но там написано...)

+38 \097\ 99-22-00-6