Как реализовать представление входа в систему в виде диалогового окна jQueryUI в ASP.Net MVC - PullRequest
Новая
       11

Как реализовать представление входа в систему в виде диалогового окна jQueryUI в ASP.Net MVC

4 голосов
/ 22 февраля 2010

Я видел несколько примеров подобных вещей, и я также посмотрел на приложение KiGG, которое также использует диалоговое окно для отображения окна входа в систему. Я довольно новичок в MVC, но добился некоторого прогресса, и я собираюсь добавить немного конфет для демонстрации, которую мне нужно выполнить на следующей неделе.

Есть ли у кого-нибудь простой пример или он может описать шаги, которые мне нужно предпринять, чтобы отобразить представление входа в систему в диалоговом окне jQueryUI?

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

Любая помощь будет оценена.

1 Ответ

3 голосов
/ 16 сентября 2011

  1. Создайте обычную HTML-форму в вашем диалоговом окне jQuery UI. Пример здесь .

  2. Подключите jQuery Form , чтобы отправить форму через ajax. При желании можно использовать jQuery validation в комбинации. Пример:

    функция isValid (formData, jqForm, параметры) { return $ (jqForm [0]). valid (); }

    функция loggedIn () { alert («Вы вошли в систему»); }

    var formOptions = { beforeSubmit: isValid, успех: залогинен, url: '/ your / mvc / action / on / login / controller', тип: 'сообщение' };

    var validateOptions = { submitHandler: функция (форма) { JQuery (форма) .ajaxSubmit (formOptions); $ ( "# Диалог") Диалог (). }, Сообщения: { электронная почта: "Требуется электронная почта", пароль: «Требуется пароль» } };

    $ ( "# LoginForm") проверки (validateOptions).

  3. Создайте действие входа в систему на контроллере своей учетной записи, возвращающее JsonResult, и отправьте свою форму для этого действия (должно быть https).

...