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

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

Не хотите читать? Сядьте поудобней, либо займитесь другими делами и слушайте эту статью в наушниках или динамиках. Поехали! *

Решение очень простое. Прилагаемый ниже код на 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. Правильная семантическая микроразметка

Не будем углубляться в терминологию и описание того, что означает микроразметка, т.к. об этом уже много чего написано и я беру за аксиому, что вы об этом уже знаете, раз читаете данную статью. Задача статьи описать более конкретный случай, а именно - использование микроразметки в XSL шаблонах HostCMS...

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

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

HOSTCMS v.6. Вывод комментариев к товарам магазина
HOSTCMS v.6. Вывод комментариев к товарам магазина

Выводим на Главной или отдельной странице сайта комментарии к товарам, оставляемые посетителями или покупателями...

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

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

Показ отложенных товаров в краткой корзине (для сайтов на HostCMS v6)
Показ отложенных товаров в краткой корзине (для сайтов на HostCMS v6)

После последнего обновления 6.1.4 появилась возможность показать пользователю в краткой корзине отложенные им товары. Удобная функция, особенно для тех интернет-магазинов, в которых пользователи обычно покупают сразу несколько товаров за раз...

HOSTCMS v.6. Ссылка на все товары производителя в карточке товара
HOSTCMS v.6. Ссылка на все товары производителя в карточке товара

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

Мы используем cookie-файлы, чтобы получить статистику, которая помогает нам обеспечивать вас лучшим контентом. Вы можете прочитать подробнее о cookie-файлах или изменить настройки браузера. Отключение cookie-файлов может привести к неполадкам в работе сайта. Продолжая пользоваться сайтом без изменения настроек, вы даете согласие на использование ваших cookie-файлов. Это совершенно безопасно!