Блог

HOSTCMS v.6. Проверка вводимых данных при оформлении заказа

HOSTCMS v.6. Проверка вводимых данных при оформлении заказа

Решение очень простое. Прилагаемый ниже код на JavaScript нужно разместить в XSL-шаблоне «МагазинАдресДоставки». Просто вставляете и пользуетесь. В скрипте производится проверка Имени, Телефона и E-mail покупателя. Если вам нужна проверка других полей вводимых данных, то можете сами их добавить на основании образца.

 <SCRIPT>
<xsl:comment>
<xsl:text disable-output-escaping="yes">
<![CDATA[

function Formdata (data){
/* если не заполнено поле Ваше имя, длина менее 3-x*/
if (data.name! = null && data.name.value.length < 3)
{
alert ('Заполните поле «Ваше Имя»');
return false;}

/* e-mail Покупателя */
if (data.email! = null && data.email.value.length == 0)
{
alert ('поле "E-Mail" пустое');
return false;}

if (data.email! = null && data.email.value.length < 6)
{
alert ('слишком короткий "E-Mail"');
return false;}

if (! (/^\w+[-_\.]*\w+@\w±?\w+\.[a-z]{2,4}$/.test (data.email.value)))
{
alert ( "Введите правильный E-Mail адрес");
return false;}

/* контактный телефон */
if (data.phone! = null && data.phone.value.length == 0)
{
alert ('поле "Контактный телефон" пустое');
return false;}

if (data.phone! = null && data.phone.value.length < 5)
{
alert ('поле "Контактный телефон" должно содержать минимум пять символов');
return false;}

if (! (/^[0-9± ()s]+z/.test (data.phone.value+"z")))
{
alert ('"Контактный телефон" указан неверно');
return false;}

};


]]>
</xsl:text>
</xsl:comment>
</SCRIPT>

Чтобы скрипт сработал нужно заменить

<form method="POST">

на:

<form method="POST" onsubmit="return Formdata (this)">

Скрипт срабатывает при нажатии на кнопку Submit и, если какие-то поля не заполнены или заполнены неверно, появляется окно alert с соответствующим сообщением.

Понравилась статья? Поделитесь

Вас может заинтересовать:

  • Используем готовые шаблоны для сайтов

    Если вы сами не дизайнер и не можете пользоваться графическими программами или у вас нет средств на то, чтобы заказать разработку дизайна сайта профессиональному веб дизайнеру, или сайт нужен очень срочно, то в этом случае вам помогут готовые шаблоны сайтов.

  • HOSTCMS v.6. Боковое выпадающее меню на CSS для каталога товаров

    Создадим раздвижное меню для каталога товаров с несколькими уровнями вложенности разделов. Меню будет открыто в основных разделах, лежащих в корневом каталоге. В принципе, вам нужно просто скопировать шаблон, CSS стили и пользоваться этим меню...

  • HOSTCMS v.6. Красивое горизонтальное выпадающее меню на CSS

    Меню адаптированно к использованию на сайтах под администрированием редакции HostCMS v.5 для вывода элементов каталога товаров. В выпадающем меню также выводится изображение подгруппы.

  • Вертикальное выпадающее меню на jQuery для HostCMS

    Простое вертикальное меню с плавно выпадающим подменю для сайтов на HostCMS. Работает на jQuery…

  • HOSTCMS v.6. Краткая корзина в модальном окне

    Предлагаю вариант показа отложенного товара и содержимого краткой корзины в модальном окне в момент, когда Пользователь откладывает товар для совершения покупки. Решение делалось на основе встроенного в HostCMS адаптивного шаблона с подключеной библиотекой Bootstrap...

  • HOSTCMS v.6. Поиск по сайту с показом карточки товара

    Небольшая доработка стандартного XSL шаблона «Поиск» для сайтов на HostCMS

Наши услуги по созданию сайтов

Веб дизайн

Разработка дизайна и создание интернет-сайта.

Поддержка сайта

Поддержка работоспособности. Написание текстов и статей. Наполнение товарами.

Готовый дизайн

Готовые шаблоны интернет-магазинов и корпоративных сайтов на HostCMS.

Контекстная реклама

Настройка и ведение рекламной кампании в Директ