Categories

JS Animated. Как сделать поле контактной формы необязательным

Norman Fisher Апрель 25, 2014
Rating: 5.0/5. From 2 votes.
Please wait...

В шаблонах, которые используют forms.js скрипт

Этот туториал показывает, как сделать поля в контакт-форме необязательными.

Все поля должны быть заполнены по умолчанию. Чтобы исправить это, найдите страницу с контактной формой и откройте ее в любом PHP или текстовом редакторе. Найдите следующий код, относящийся к Вашему полю:

<label class="email">

Измените его на:

<label class="email notRequired">

Сохраните изменения, и обновите Ваш браузер. Теперь поле ‘e-mail’ является необязательным.

Пожалуйста, ознакомьтесь с детальным обучающим видео ниже:

Как сделать поле конакт-формы необязательным

В шаблонах, которые используют TMForm.js скрипт

Этот туториал покажет, как сделать поле контактной формы необязательным (для шаблонов со скриптом TMForm).

js_animated_tmform_contact_form_field_not_required_making_1
  1. Откройте файл .html, который содержит код страницы “Контакты” (“Contacts”) программой Dreamweaver или другим редактором HTML кода.

  2. Активируйте режим “Split”, который делит окно редактирования на 2 части и отображает код одновременно в режиме “Code” и в режиме ”Design”.

    js_animated_tmform_contact_form_field_not_required_making_2
  3. В режиме “Design” выберите поле контактной формы, которое вы хотите сделать необязательным (по умолчанию все поля являются обязательными). Например, поле “Имя” (“Name”).

  4. В режиме “Code” выделиться код этого поля:

    <label class="name">
       <input type="text" placeholder="Name:" data-constraints="@Required @JustLetters" />
       <span class="empty-message">*This field is required.</span>
       <span class="error-message">*This is not a valid name.</span>
    </label>
    
  5. Удалите значение @Required из списка значений атрибута data-constraints. В результате получится следующий код:

    <label class="name">
       <input type="text" placeholder="Name:" data-constraints="@JustLetters" />
       <span class="empty-message">*This field is required.</span>
       <span class="error-message">*This is not a valid name.</span>
    </label>
    
  6. Сохраните изменения в файле и загрузите его на сервер, чтобы проверить, как это поле теперь работает.

    js_animated_tmform_contact_form_field_not_required_making_3
  7. Данный процесс является аналогичным для всех полей контактной формы. Для того, чтобы сделать поле необязательным, вам просто необходимо удалить значение @Required из списка значений атрибута data-constraints тега <input>.

Вы также можете воспользоваться детальным видео туториалом:

JS Animated. How to make a contact form field not required (based on TMForm)
Эта запись была размещена в JS Animated туториалы, Веб-шаблоны, Шаблоны сайта и помечена как field, form, forms.js, not required, TMForm.js. Добавьте в закладки постоянную ссылку.

Submit a ticket

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