mediol
New Member
- Регистрация
- 23.03.2017
- Сообщения
- 5
Приветствую! Осваиваю верстку в 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>
Скрипт:
Код формы:
<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'
}
});
})