126

Re: Форма обратной связи без плагинов

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

 data-validation="custom length required" data-sanitize="trim capitalize" data-validation-regexp="^[А-Яа-яЁё\s]+$" data-validation-length="min3"

выполните ее для всех полей так, как показано здесь

+ открыть спойлер

<!-- В action="..." указать путь до папки с формой (.../assets/form/...). Слэш в конце пути ОБЯЗАТЕЛ! -->
<form id="feedback-form" action="<?php get_theme_url(); ?>/assets/form/" class="uk-form uk-margin uk-form-stacked uk-text-left ajax-form" method="POST" enctype="multipart/form-data" autocomplete="off">

  <fieldset data-uk-margin>
    <!-- Блок для вывода информации о результате отправки сообщения -->
    <div class="form-result-send"></div>

    <div class="uk-grid">
      <div class="uk-width-1-1">
        <label for="f-name" class="uk-form-label label-required">Ваше имя</label>
        <div class="uk-form-controls">
          <!-- Поле для ввода имени -->
          <input name="Name" type="text" id="f-name" class="uk-width-1-1" placeholder="Ваше ФИО" data-validation="custom length required" data-sanitize="trim capitalize" data-validation-regexp="^([а-яА-ЯёЁa-zA-Z\s]+)$" data-validation-length="min3">
        </div>
      </div>
    </div>

    <div class="uk-grid">
      <div class="uk-width-medium-1-2">
        <label for="f-email" class="uk-form-label label-required">E-mail</label>
        <div class="uk-form-controls">
          <!-- Поле для ввода Email -->
          <input name="Email" type="email" id="f-email" class="uk-width-1-1" placeholder="Ваш Email - user@example.com" data-validation="email required">
        </div>
      </div>
      <div class="uk-width-medium-1-2">
        <label for="f-phone" class="uk-form-label label-required">Телефон</label>
        <div class="uk-form-controls">
          <!-- Поле для ввода телефона -->
          <input name="Phone" type="tel" id="f-phone" class="uk-width-1-1" placeholder="Ваш номер - 8 (XXX) XXX-XX-XX" data-validation="custom required" data-validation-regexp="^((8|\+7)[\- ]?)?(\(?\d{2,4}\)?[\- ]?)?[\d\- ]{6,10}$">
        </div>
      </div>
    </div>

    <div class="uk-grid">
      <div class="uk-width-1-1">
        <label for="f-theme" class="uk-form-label label-required">Тема сообщения</label>
        <div class="uk-form-controls">
          <!-- Поле для выбора темы сообщения. Именить/добавить/удалить варианты тем -->
          <select name="Subject" id="f-theme" class="uk-width-1-1" data-validation="required">
            <option value="" disabled="disabled" selected="selected"> - выбрать тему -</option>
            <option value="Нужна Ваша помощь!">Нужна Ваша помощь!</option>
            <option value="Вопрос по услугам!">Вопрос по услугам!</option>
          </select>
        </div>
      </div>
    </div>

    <div class="uk-grid">
      <div class="uk-width-1-1">
        <label for="f-message" class="uk-form-label label-required">Сообщение</label>
        <div class="uk-form-controls">
          <!-- Текстовое поле для ввода сообщения -->
          <textarea name="Message" id="f-message" class="uk-width-1-1" rows="5" placeholder="Введите текст вашего сообщения" data-validation="required"></textarea>
          <!-- Скрытое поле для защиты от спам-ботов -->
          <input name="Norobot" type="text" style="display:none" value="">
        </div>
      </div>
    </div>

    <?php if (return_fbform_param('opt_attach') == 'true') { ?>
    <!-- Блок - вложение файла -->
    <div class="uk-grid">
      <div class="uk-width-1-1 uk-text-left ">
        <div class="uk-form-controls uk-form-file">
        <button type="button" class="uk-button">Прикрепить файл</button>
        <!-- Поле для выбора файла и прикрепления его к письму -->
        <input name="Attachment" type="file" id="f-attachment" class="uk-width-1-1" data-validation="size extension" data-validation-max-size="2M" data-validation-allowing="doc, docx, xls, xlsx, pdf, jpg, jpeg, png, zip">
        <!-- Вывод текста о допустимом объеме и типе файла -->
        <span class="uk-form-help-inline uk-text-small">(до 2 мб): doc, docx, xls, xlsx, pdf, jpg, jpeg, png, zip</span>
        <!-- Блок для вывода имени выбранного файла -->
        <p class="attach-filename uk-form-help-block uk-text-small"></p>
        </div>
      </div>
    </div>
    <!-- End -->
    <?php } ?>

    <?php if (return_fbform_param('opt_captcha') == 'true') { ?>
    <!-- Блок - капча -->
    <div class="uk-grid">
      <div class="uk-width-1-1">
        <label for="f-captcha" class="uk-form-label label-required">Введите число</label>
        <div class="uk-form-controls">
          <!-- Вывод капчи. Выбрать один вариант - другой удалить/закомментировать -->
          <!-- Вариант 1 -->
          <img class="img-captcha" src="<?php get_theme_url(); ?>/assets/form/captcha/captcha.php"/>
          <!-- Вариант 2 -->
          <!-- <img class="img-captcha" src="<?php get_theme_url(); ?>/assets/form/captcha2/captcha.php"/> -->

          <!-- Поле для ввода капчи -->
          <input name="Captcha" type="text" id="f-captcha" class="form-captcha uk-form-width-small" data-validation="required">
        </div>
      </div>
    </div>
    <!-- End -->
    <?php } ?>

    <div class="uk-grid">
      <div class="uk-width-1-1 uk-text-right">
        <!-- Кнопка для отправки сообщения -->
        <button type="submit" id="f-submit" class="uk-button uk-button-primary">Отправить</button>
      </div>
    </div>

  </fieldset>

</form>

или, если вы используете не голую форму, а плагин https://yadi.sk/d/c4lyK1BFsmUEU, загляните в пример в папке темы

Поддержать GetSimple CMS по-русски ЯДом

Сайт olsv64

Поделиться

127

Re: Форма обратной связи без плагинов

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

Поделиться

128

Re: Форма обратной связи без плагинов

вот и славно, но я бы не рекомендовал оставлять попытки освоить этот плагин, так как это единственная форма, работающая с AJAX, то есть письма отправляются без перезагрузки страницы, и позволяющая не только использовать любые поля, но и легко менять классы под любые фреймворки

Поддержать GetSimple CMS по-русски ЯДом

Сайт olsv64

Поделиться