<form id="mail"> <input id="sender_name" type="text" class="feedback-input"> <input id="sender_address" type="text" class="feedback-input" pattern="[-0-9a-zA-Z.+_]+@[-0-9a-zA-Z.+_]+\.[a-zA-Z]{2,4}" required> <input id="recipient_address" type="text" class="feedback-input" pattern="[-0-9a-zA-Z.+_]+@[-0-9a-zA-Z.+_]+\.[a-zA-Z]{2,4}" required> <input id="subject" type="text" class="feedback-input" required> <input type="submit" value="Send"> </form>
Do tego ajax
$(document).ready(function() { $("#mail").submit(function(event) { var sender_name = $('#sender_name').val(); var sender_address = $('#sender_address').val(); var recipient_address = $('#recipient_address').val(); var subject = $('#subject').val(); var content = $('#content').val(); $.ajax({ type: 'POST', url: 'mail.php', data: { sender_name: sender_name, sender_address: sender_address, recipient_address: recipient_address, subject: subject, content: content } }) .done(function(response) { console.log('Ajax success'); var message = response === "OK" ? "Poszło" : "Error"; $('#result').val(message); }) .fail(function() { console.log('Ajax error'); }); }); });
I plik mail.php o zawartości
<? ?>
Formularz po wysłaniu zeruje swoje pola, nie przypisuje niczego do pola #result, a konsola wyglada tak:

Proszę o pomoc.