Блог

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. Проверка вводимых данных при оформлении заказа

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

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

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

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

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

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

  • HOSTCMS v.6. Полезные php коды

    Некоторые полезные php коды для вывода данных на странице сайта.

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

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

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

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

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

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

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

WEB ДИЗАЙН

Разработка дизайна сайта. Использование шаблонов для "быстрых" проектов.

ПОДДЕРЖКА САЙТА

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

ШАБЛОНЫ САЙТОВ

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

ДОПОЛНИТЕЛЬНЫЕ УСЛУГИ

Графический дизайн (разработка логотипа). Написание seo-текстов. Редизайн сайта. Замена CMS. Кодинг