HOSTCMS v.6. Красивое горизонтальное выпадающее меню на CSS
Меню адаптированно к использованию на сайтах под администрированием редакции HostCMS v.5 для вывода элементов каталога товаров. В выпадающем меню также выводится изображение подгруппы.
Не хотите читать? Сядьте поудобней, либо займитесь другими делами и слушайте эту статью в наушниках или динамиках. Поехали! *
Решение очень простое. Прилагаемый ниже код на 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.5 для вывода элементов каталога товаров. В выпадающем меню также выводится изображение подгруппы.
Вам нужно вывести товары интернет-магазина по ка
Создание интернет-магазина может показаться сложной задачей, но с правильными инструментами начать продавать онлайн очень просто.
Если у вас в интернет-магазине много производителей (брендов), то приведенное нами решение поможет организовать показ всех производителей с разбивкой по алфавиту...
Простое вертикальное меню с плавно выпадающим подменю для сайтов на HostCMS. Работает на jQuery…
Вы можете создать веб-сайт менее чем за 1 час. Вам также не нужно быть техническим мастером.
Неважно, для бизнеса это или для удовольствия. Вам не нужен модный дизайнер или дорогой разработчик. Просто следуйте простым нашим шагам, и вы будете онлайн в кратчайшие сроки.