$(document).ready(function($) {
$('.popup-open').click(function() {
$('#form-first-text').val(
'Цвет: ' + $('#exampleFormControlSelect1').val() + '; ' +
'Размер: ' + $('#exampleFormControlSelect2').val() + '; ' +
'Пол: ' + $('#exampleFormControlSelect3').val() + '; ' +
'Кол-во: ' + $('#exampleFormControlSelect4').val() + '; '
);
})
});
$(document).ready(function() {
$('[name=phone]').bind("change keyup input click", function() {
if (this.value.match(/[^0-9+]/)) {
this.value = this.value.replace(/[^0-9+]/, '');
}
});
$('[name=name]').on('keypress', function() {
var that = this;
setTimeout(function() {
var res = /[^A-Za-zА-Яа-яЁё ]/g.exec(that.value);
that.value = that.value.replace(res, '');
}, 0);
});
$('button').attr('type', 'button');
});
$('.button-submit-feed-2').click(function() {
var form = $(this).parents('form:first');
var name = $("input[name='name']", form).val();
var phone = $("input[name='phone']", form).val();
var email = $("input[name='city']", form).val();
var comment = $("input[name='form-first-text-2']", form).val();
var error = [];
var pattern = /^([a-z0-9_\.-])+@[a-z0-9-]+\.([a-z]{2,4}\.)?[a-z]{2,4}$/i;
if (name == "") {
error.push('Введите имя ');
}
if (phone == "") {
error.push('Введите телефон ');
}
// if(!pattern.test(email) && email != ""){
// error.push('Email введен некорректно ');
// }
if (error.length == 0) {
swal('Успешно отправлено!');
var seconds = 10,
int;
int = setInterval(function() {
if (seconds > 0) {
seconds--;
$('.button-submit-feed').text(seconds);
$('.button-submit-feed').css('opacity', '0.5');
$('.button-submit-feed').attr('disabled', true);
} else {
clearInterval(int);
$('.button-submit-feed').text('').append('Отправить <span class="arrow-right"><span class="dots dots--right"><span class="dot dot--right-1"></span><span class="dot dot--right-2"></span><span class="dot dot--right-3"></span></span><span class="arrow-right__angle"><span class="angle angle--right"></span></span></span>');
$('.button-submit-feed').css('opacity', '1');
$('.button-submit-feed').attr('disabled', false);
}
}, 1000);
} else {
swal(error.join('\n'));
return false;
}
$.ajax({
url: '../mailPost.php',
type: 'POST',
cache: 'false',
data: {
'name': name,
'phone': phone,
'email': email,
'comment': comment
},
dataType: 'html',
beforeSend: function() {},
success: function(data) {
if (!data) {
swal('Были ошибки!');
} else {
$("input[name='name']", form).val('').blur();
$("input[name='phone']", form).val('').blur();
$("input[name='city']", form).val('').blur();
$("input[name='form-first-text-2']", form).val('').blur();
}
}
});
});
<form novalidate="" method="post" class="main-form form-with-price ajax_form" id="new-home-order-form">
<div class="close-button-feedback"></div>
<div class="big-headline-feed">ЗАКАЗАТЬ ФУТБОЛКУ</div>
<div class="sub-headline-feed">Моє їм'я - Кара!</div>
<input type="hidden" name="someinfo" value="">
<input type="hidden" name="titlepage" value="Создание сайтов">
<input type="hidden" name="form-name" value="Обсудить проект">
<input type="hidden" name="require" value="">
<input type="hidden" name="someinfo" value="">
<div class="feedback-container">
<div class="left-block-feedback">
<div class="input-container">
<input type="text" id="form-name" name="name" required="">
<span class="bar"></span>
<label for="form-name">Имя</label>
</div>
<div class="input-container">
<input type="text" id="order-phone" name="phone" required="">
<span class="bar"></span>
<label for="order-phone">Телефон </label>
</div>
<div class="input-container">
<input type="text" id="form-city" name="city" required="">
<span class="bar"></span>
<label for="form-name">Город и номер Новой Почты</label>
</div>
<div class="input-container">
<input type="text" id="form-first-text" name="form-first-text-2">
<span class="bar"></span>
<label for="form-name">Данные с начальной формы</label>
</div>
</div>
</div>
<button style="margin-top: 50px;margin-left: 85px;margin-bottom: 35px;" type="submit" class="btn btn-gp fx-btn-blick btn-lg button-submit-feed-2" id="form-btn-2">
<svg xmlns="http://www.w3.org/2000/svg" height="18" viewBox="0 0 16 16" width="18" class="icon icon-pos-left" srcset=""><path d="m3.04213865 5c.28237868-3.21494151 1.97953336-5 4.95786135-5 2.978328 0 4.6754827 1.78505849 4.9578614 5h2.0421386c.5522847 0 1 .44771525 1 1v9c0 .5522847-.4477153 1-1 1h-14c-.55228475 0-1-.4477153-1-1v-9c0-.55228475.44771525-1 1-1zm2.00403448 0h5.90765377c-.2116871-2.10451118-1.15698313-3-2.9538269-3s-2.74213985.89548882-2.95382687 3zm-2.04617313 2h-1v7h12v-7h-1v1c0 .55228475-.4477153 1-1 1s-1-.44771525-1-1v-1h-6v1c0 .55228475-.44771525 1-1 1s-1-.44771525-1-1z" fill-rule="evenodd" class=""></path></svg>
<span style="">Купити</span></button>
<input type="hidden" name="af_action" value="cc92caf512162013ffd61a5244d2d780">
</form>
<?php
$name = $_POST['name'];
$phone = $_POST['phone'];
$email = $_POST['city'];
$comment = $_POST['form-first-text-2'];
$ourEmail = '[email protected]';
$subject = "=?utf-8?B?".base64_encode('Заказ футболки')."?=";
$message = 'Имя: '.$name.'<br>'.'Телефон: '.$phone.'<br>'.'Данные заказываемой футболки: '.$comment.'<br>'.'Адрес клиента: '.$email;
$headers = "From: $ourEmail\r\nReply-To: $ourEmail\r\nContent-type: text/html; charset=utf-8\r\n";
$success = mail($ourEmail, $subject, $message, $headers);
echo $success;
?>