artem99357
Новичок
Здравствуйте.
Использую контактную форму php, всё исправно работает. Появилась необходимость добавить возможность прикреплять к ней файл. Может подскажет кто, как это реализовать?
Использую контактную форму php, всё исправно работает. Появилась необходимость добавить возможность прикреплять к ней файл. Может подскажет кто, как это реализовать?
HTML:
<form id="form" method="post" name="form">
<input name="name" id="name" type="text" placeholder="Ваше имя">
<input name="phone" id="phone" type="text" placeholder="Телефон *" required>
<button class="btn"><span class="text-button">Отправить</span></button>
</form>
HTML:
<form id="form2" method="post" name="form2" enctype="multipart/form-data">
<input name="name" id="name2" type="text" placeholder="Ваше имя">
<input name="phone" id="phone2" type="text" placeholder="Телефон *" required>
<input name="file" value="1" size="40" type="file">
<button class="btn" type="submit" id="submit"><span class="text-button">Отправить</span></button>
</form>
PHP:
<?php
$recepient = "почта";
$name = trim($_POST["name"]);
$phone = trim($_POST["phone"]);
$message = "Имя: $name \nТелефон: $phone";
$pagetitle = "Заявка с сайта \"$siteName\"";
mail($recepient, $pagetitle, $message, "Content-type: text/plain; charset=\"utf-8\"\n From: $recepient");
?>
JavaScript:
$(document).ready(function() {
$('form').submit(function() {
var formID = $(this).attr('id');
var formNm = $('#' + formID);
$.ajax({
type: 'POST',
url: 'mail.php',
data: formNm.serialize(),
success: function(data) {
$('.js-overlay-thank-you-2').fadeIn();
$(this).find('input').val('');
$('#form').trigger('reset');
}
});
return false;
});
});
$('.js-close-thank-you-2').click(function() {
$('.js-overlay-thank-you-2').fadeOut();
});
$(document).mouseup(function(e) {
var popup = $('.popup-2');
if (e.target != popup[0] && popup.has(e.target).length === 0) {
$('.js-overlay-thank-you-2').fadeOut();
}
});
$(function($) {
$('[name="phone"]').mask("+7(999) 999-9999");
});