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

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

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

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

<label class="email">

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

<label class="email notRequired">

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

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

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

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

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

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

   

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. Сохраните изменения в файле и загрузите его на сервер, чтобы проверить, как это поле теперь работает.

   

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

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