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 с соответствующим сообщением.

* Мы используем ИИ для озвучивания некоторых статей.

Понравилась статья?
Будем признательны, если поделитесь в соцсетях или мессенджерах, а также присоединитесь к нашей группе Вконтакте. Будет интересно!

Другие статьи по теме:

Как открыть интернет-магазин за 6 простых шагов
Как открыть интернет-магазин за 6 простых шагов

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

Анти-спам или как на странице сайта скрыть код формы от ботов?
Анти-спам или как на странице сайта скрыть код формы от ботов?

Не ошибусь, если скажу, что практически все владельцы сайтов сталкиваются с такой проблемой, как СПАМ. Это просто кошмар, когда ваш почтовый ящик ежедневно наполняется сотнями, а то и тысячами СПАМ-писем.

9 шагов для создания веб-сайта на HostCMS
9 шагов для создания веб-сайта на HostCMS

Вы можете создать веб-сайт менее чем за 1 час. Вам также не нужно быть техническим мастером.

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

Кредитная кнопка (для сайтов на HostCMS v.6)
Кредитная кнопка (для сайтов на HostCMS v.6)

Была такая задача в ТЗ клиента — внедрить «кредитную кнопку» Банка «Русский Стандарт» в корзину интернет-магазина. Возможно, кому-то это пригодится.

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

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

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

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

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