asp.net-mvc - 如何在 ASP.Net MVC 中将登录视图实现为 jQueryUI 对话框

Question

我看过一些类似的例子，我也看过 KiGG 应用程序，它也使用对话框来显示登录框。我对 MVC 很陌生，但取得了一些不错的进展，我希望为下周需要执行的演示添加一些糖果。

有没有人有一个简单的例子或者可以描述我需要采取的步骤来使登录视图出现在 jQueryUI 对话框中？

我有一些我认为的部分......我认为我需要在母版页中显示部分视图（如 Kigg），以便在任何时候我点击需要身份验证的控制器，母版页都会处理它。

任何帮助将不胜感激。

Answer 1

1. 在您的 jQuery UI 对话框中创建一个普通的 html 表单。这里的例子。

2. 连接jQuery 表单以通过 ajax 提交表单。或者，结合使用jQuery 验证。例子：

   function isValid(formData, jqForm, options) { return $(jqForm[0]).valid(); }

   function loggedIn() { alert("您已登录"); }

   var formOptions = { beforeSubmit: isValid, success: loggedIn, url: '/your/mvc/action/on/login/controller', type: 'post' };

   var validateOptions = { submitHandler: function(form){ jQuery(form).ajaxSubmit(formOptions); $("#dialog").dialog(); }，消息：{电子邮件：“需要电子邮件”，密码：“需要密码”}}；

   $("#loginform").validate(validateOptions);

3. 在您的帐户控制器上创建一个登录操作，返回 JsonResult 并将您的表单发布到此操作（应该是 https）。