Форма работает но всплывающие окно не появляется
<form action="" method="POST" id="form">
<input type="text" name="name" class="form__input" required placeholder="Имя">
<input type="mail" name='email' class="form__input" required placeholder="E-mail">
<input type="tel" name="phone" id="phone" class="form__input" required>
<input type="button" class="form__btn" name="btn" value="Заказать консультацию">
</form>
</div>
<div class="col-md-4 col-sm-3 hidden-xs"></div>
</div>
</section>
<div class="exampleModal1">Сообщение отправленно!</div>
$("#phone").intlTelInput({
defaultCountry: [],
preferredCountries: ['ru' , 'ua'],
separateDialCode: true,
geoIpLookup: function(callback) { $.get('http://ipinfo.io', function() {}, "jsonp").always(function(resp) { var countryCode = (resp && resp.country) ? resp.country : ""; callback(countryCode); }); }, utilsScript: "utils.js", //для форматирования/плейсхолдера и т.д. //
});
// $( document ).ajaxSuccess( function () {
// $('#exampleModal1').arcticmodal();
// })
$('[type="button"]').click(function() {
$.post(
"submit.php", //url
{ //������ �� �����
email: $('[name="email"]').val(),
name: $('[name="name"]').val(),
phone: $('[name="phone"]').val(),
},
function( data ) { //����� �������� ������
$( ".result" ).html(data);
}
);
});
<?php
if (!empty($_POST['name']) AND !empty($_POST['email'])){
$headers = 'Заявка от клиента'.
$theme = 'Болгария';
$letter = 'Данные сообщения:\r\n';
$letter .='Имя: '.$_POST['name'].'\r\n';
$letter .='Email: '.$_POST['email'].'\r\n';
$letter .='Телефон: '.$_POST['phone'].'\r\n';
if (mail('dennikita03@gmail.com', $theme, $letter, $headers)){
echo "<script>
$('#exampleModal1').arcticmodal();
</script>";
} else {
echo "Ошибка при отправке!";
}
} else {
echo "Ошибка: Заполните все поля!";
}