Моя форма работает нормально, когда я отправляю ее с action=""
, но когда я использую ajax
, сообщение не отправляется.
Форма HTML:
<form action="pop.php" id="sendform" method="post" enctype="multipart/form-data">
<div class="field-block">
<label for="name">Name:</label>
<input id="name" class="field" name="name" required type="text" placeholder="Name">
</div>
<div class="field-block">
<label for="phone">Phone:</label>
<input id="phone" class="field" name="tel" required type="text" placeholder="+7 (777) 777-77-77">
</div>
<div class="field-block">
<label for="email">E-mail:</label>
<input id="email" class="field" name="email" required type="email" placeholder="e-mail">
</div>
<div class="field-block">
<label for="message"></label>
<textarea id="message" class="field" required name="message" rows="4" placeholder=""></textarea>
</div>
<label for="">Upload</label>
<input name="file" value="1" size="40" type="file" />
<div>
<input type="hidden" name="Max">
</div>
<button name="sendMail" id="button" class="button" type="submit">Submit</button>
</form>
Также яиспользуется sweetalert2
, поэтому, когда я отправляю форму, она показывает всплывающую форму с успешным сообщением, и я думаю, что это проблема, которую необходимо решить.
<script>
$("#sendform").on('submit',function(event) {
event.preventDefault(); // to prevent default page reloading
$.ajax({
type: "POST",
url: "pop.php",
data: dataString,
success: function(data){
$('#sendform')[0].reset();
// to reset form data
}
}).done(function(data){
setTimeout(function () {
Swal.fire(
'Thanks!',
'Form submitted successfully!',
)
}, 500);
//alert("Form submitted successfully! We'll get back to you soon. Thank you."); // This will be called after the ajax executed
});
});
</script>
Как я могу решить эту проблему?Как я уже сказал, когда я использовал action="pop.php"
, он отлично работает и переходит к site.com/pop.php
, отправке сообщений на мою электронную почту, но когда я использую ajax, сообщение не приходит.