我如何實現一個登錄視圖作爲jQueryUI對話框在ASP.Net MVC

Question

我見過一些類似的事情的例子，我也看了KiGG應用程序，它也使用對話框來顯示登錄框。我對MVC相當陌生，但取得了一些很好的進展，並且我正在爲下週需要演示的演示添加一些糖果。

有沒有人有一個簡單的例子，或者可以描述我需要採取的步驟，使登錄視圖出現在jQueryUI對話框？

我有一些片段我認爲...我想我需要一個局部視圖在主頁面（如Kigg），以便在任何時候我點擊一個需要認證的控制器，主頁面將處理它。

任何幫助將被認定。

Answer 1

1. 在jQuery UI對話框中創建一個正常的html表單。示例here。

2. 掛鉤jQuery Form通過ajax提交表單。也可以組合使用jQuery validation。示例：

   函數isValid（formData，jqForm，options）{0}返回$（jqForm [0]）。valid（）; }

   function loggedIn（） { alert（「You logged in」）; }

   VAR formOptions = { beforeSubmit：isValid方法， 成功：的loggedIn， 網址： '/你/ MVC /動作/上/登錄/控制器'， 類型： '後' };

   var validateOptions = { submitHandler：function（form）{ jQuery（form）.ajaxSubmit（formOptions）; （「＃dialog」）。dialog（）; }， 消息：{ 電子郵件：「需要電子郵件」， 密碼：「需要密碼」 } };

   $（「＃loginform」）。validate（validateOptions）;

3. 在您的帳戶控制器上創建一個登錄操作，返回JsonResult並將您的表單發佈到此操作（應該是https）。