ASP.NET 2.o页面的jQuery登录模式弹出窗口

我有一个ASP.NET网页（非MVC）（HomePage.aspx）和另一个页面（PRiceList.aspx）。我的主页上有一个登录function。所以当用户登录该网站时，他们可以访问pricelist.aspx页面很容易使用主页中的链接。如果有人正在进入没有登录的页面，我想显示模式登录框（禁用后台）登录。 我在jqueryui网站上看到了这个。任何人都可以告诉我如何在我的网站中强制这一点？ 是否存在任何安全问题，因为我在使用此方法时使用javascript将用户凭据发送到站点（我不确定）。 请指教。 提前致谢

Answer 1

jQuery Modal Form Dialog是你去这里的方式。 我做了一个测试应用程序，用它做你想做的事情并且效果很好。

ASPX页面的标记：

该页面需要Javascript：

 $(document).ready(function() { $("#dialog").dialog({ bgiframe: true, autoOpen: false, height: 300, modal: true, buttons: { Cancel: function() { $(this).dialog("close"); } }, close: function() { allFields.val("").removeClass("ui-state-error"); } }); var isAuthenticated = $("#isAuthenticated").val(); if (isAuthenticated && isAuthenticated == "false") { // Display the modal dialog. $("#dialog").dialog("open"); }}); 

我在aspx页面上使用的代码：

 ClientScript.RegisterHiddenField("isAuthenticated", "false"); 

您可以将其赋予真或假，具体取决于用户是否经过身份validation，因此javascript会知道是否显示登录信息。

现在关于安全性。 登录不会由javascript完成，因为用户会点击该登录页面上的按钮，它将像往常一样回发到服务器。 如果你想使用ajax，你必须检查jQuery $ .ajax方法。

Answer 2

使用jquery对话框：

http://jqueryui.com/demos/dialog

这需要您将模态添加回DOM。

 jQuery(".loginPanel").each(function() { var popup = jQuery(this); popup.parent().appendTo(jQuery("form:first")); });