Zend Form AJAX всплывающее окно с jQuery

Question

Как сделать следующее:

Я хочу иметь ссылку [загрузить изображение], которая отображает модальную форму всплывающего окна, и когда пользователь заполняет его, форма обрабатывается. (Вопрос не в загрузке, это может быть контактная форма или что-нибудь).

Моя проблема в том, как отобразить форму и сообщения проверки на стороне сервера, если проверка не удалась.

Я нашел этот урок: http://www.whitewashing.de/blog/articles/92,, но он кажется довольно старым.

Answer 1

Простой JQuery и Ajax:

$("#upvoteButton").live('click', function(){
        postData="data="+value; /* Data that you may want to pass to your script */
        $.ajax({
            type: "GET",
            url: "yourSecript.php",
            async: true, /* If set to non-async, browser shows page as "Loading.."*/
            cache: false,
            data: postData,
            success: function(data){ 
            }
        });
        return false;
    });

Answer 2

Я искал: ajaxLink(), contextSwitch() и ajaxContext.

Answer 3

Таким образом, форма должна быть обработана сразу после того, как пользователь ее заполнит? Вы не хотите ждать, пока пользователь отправит форму? Пожалуйста, уточните.

Выскочить можно легко. Создайте форму на странице с самого начала, но скройте ее с помощью CSS, например, так:

.hidden-form {
    height: 0;
    text-indent: -999em;
}

Затем вы можете использовать событие click для отображения формы:

$('#popup-link').click(function() {
    $('#form').removeClass('hidden-form');
});

Отображать сообщения об ошибках также довольно просто. Есть отдельная страница, которая будет обрабатывать форму и печатать сообщения об ошибках, если что-то пойдет не так, и сообщение об успехе, когда все в порядке. Сделайте AJAX-запрос с методом POST для этой страницы и просто распечатайте вывод HTML, возвращаемый страницей в верхней части формы.

Покажите нам часть своего кода (формы и страницы обработки на стороне сервера) для получения более конкретной помощи.