Отправить контактную форму асинхронно и показать результат в модальной коробке, используя PHP

Question

У меня есть простая контактная форма, и я должен отправить ее асинхронно, а затем я должен отобразить результат в модальном окне, более похожем на Fancybox.

<form name='contactForm'>
    <input type="text"  name="Fname" />
     <input type="text"  name="Lname" />
    <input type="submit" value="Send" />
</form> 

У меня еще нет опыта работы в PHPмне удается отправить данные формы асинхронно и отобразить данные в области div, но я не уверен, как я могу отобразить РЕЗУЛЬТАТ в fancybox или в чем-то подобном, что затемнит фон и отобразит сообщение об успехе.

IТакже необходимо проверить форму, прежде чем я отправлю ее.

Answer 1

Я не собираюсь писать ваше заявление, но я бы сказал вам, как я к нему подхожу:

1. Сериализация данных и отправка их через запрос AJAX (с использованием jQuery).
2. В случае успеха используйте плагин fancybox для отображения «Спасибо, что связались с нами».

Вы можете получить jQuery здесь .

Fancybox и Docs здесь .

Использование AJAX и jQuery.

JQuery проверки

Поскольку вы не предоставили никаких подробностей по конкретному вопросу, это лучшее, что я могу сделать. Если вы потратите время, чтобы ознакомиться с Документами по каждой из этих ссылок, я уверен, что вы сможете выполнить это очень легко. Из того, что у вас уже есть, осталось только изучить плагин Fancybox, который можно вызвать с помощью одной строки кода.