Перейти к содержимому

Фотография
- - - - -

Форма в Bootstrap


  • Вы не можете создать новую тему
  • Закрытая тема Тема закрыта
В этой теме нет ответов

#1 mediol

mediol

    Прохожий

    Топикстартер
  • Участник
  • 0
    5 сообщ.

Отправлено 20 Апрель 2017 в 16:38

Приветствую! Осваиваю верстку в Bootstrap. Но есть у меня трудности с программированием, отсюда сложности с php, jawascript  и т.д. Так вот, форму я сверстал, а что сделать и куда ставить, для того, чтоб форма отправляла письма по нужному мне адресу? Прилагаю код формы и код в файле scripts.js (там я писал скрипт для валидации формы и еще какой-то был уже). Кстати, на сайте у меня три формы с разными id, как сделать, чтоб они все работали?

Код формы:

<div class="section-form">
                      <form id="mainForm">
                        <div class="row">
                          <div class="form-group col-md-4">
                            <input type="text" class="form-control" name="name" placeholder="Евгений Болобан" required>
                            <span class="glyphicon form-control-feedback" aria-hidden="true"></span>
                          </div>
                          <div class="form-group col-md-4">
                            <input type="email" class="form-control" name="email" placeholder="Адрес почты" required>
                            <span class="glyphicon form-control-feedback" aria-hidden="true"></span>
                          </div>
                          <div class="form-group col-md-4">
                            <button type="submit" class="btn btn-primary">отправить
                            <i class="fa fa-envelope" aria-hidden="true"></i>
                            </button>
                          </div>
                        </div>
                      </form>
                    </div>

Скрипт:
 

$(function(){
	$('.collapse').on('show.bs.collapse', function(){
		$(this).prev().find('.fa').removeClass().addClass('fa fa-minus-circle');
	});
	$('.collapse').on('hide.bs.collapse', function(){
		$(this).prev().find('.fa').removeClass().addClass('fa fa-plus-circle');
	});
	$('#mainForm, #secondForm, #callback').validator({
		feedback: {
		  success: 'fa fa-check-circle',
		  error: 'fa fa-times-circle'
		}
	});
})

  • 0

Спонсор



Похожие темы Свернуть

Статистика

Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 скрытых пользователей