Ajax-запрос в модальном окне

Здраствуйте! Прошу показать пример или хотя бы дать подсказку каким образом можно осуществить следующее: Пользователь кликает по ссылке "Вход", открывается модальное окно и уже в нем, с помощью ajax-запроса, загружается шаблон с формой авторизации. Потом он вводит свои данные и нажимает на кнопочку "Авторизация", данные из формы так же с помощью ajax отправляются для проверки на сервер и если все в порядке, то модальное окно закрывается и пользователь пересылается куда надо, а если данные не верны то сервер возвращает в это же модальное окно этот же шаблон с формой, в котором появится сообщение об ошибке. Вообщем модальное окно не должно закрываться пока пользователь не введет верные данные или просто сам не закроет окно. На сервере все уже сделано, мне нужна только информация как выше сказанное сделать при помощи jquery, так как я в javascript еще новичек и такие сложные интерфейсы мне еще не приходилось делать. Заранее спасибо!
4 ответа

Подробные примеры мне не нужны, просто посоветуйте хотя бы может какой то плагин для модальных окон (или можно без плагина обойтись?) и примерно обьясните как нужно делать что бы содержимое окна могло обновляться без закрытия этого самого окна?


Модальные окна можно посмотреть в виде jQuery Dialog (искать в jQuery UI). Потом изучать (если еще не изучено), как отправлять AJAX-запросы. Возможно понадобится изучить, как отправлять формы аяксом (был какой-то плагин для jQuery, не помню название; можно порыться в каталоге плагинов, ну или кто еще посоветует).


SkyLight, благодарю за ответ, гляну jQuery Dialog, как отправлять ajax-запросы уже знаю. Буду очень признателен если кто то еще что то посоветует.


как отправлять формы аяксом (был какой-то плагин для jQuery, не помню название; можно порыться в каталоге плагинов, ну или кто еще посоветует)
JQuery Form Plugin