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

Question

我有一个ASP.NET网页(不是MVC ) (HomePage.aspx)和另一个页面( pricelist.aspx ).I有一个登录功能在我的主页page.So当用户登录到网站时，他们可以很容易地使用homepage.If中的链接转到pricelist.aspx页面有人正在进入页面没有登录，我想要显示一个模式登录框(后台禁用)登录。我在jqueryui site.Can中看到了这一点，有谁能告诉我如何在我的网站上插入这一点？当我使用这个方法(我不确定)的时候，我正在使用javascript向站点发送用户凭证，这有什么安全问题吗？敬请指教。提前感谢

Answer 1

jQuery模式表单对话框是您的方式转到这里。我做了一个测试应用程序来做你想做的事情，它工作得很好。

ASPX页面的标记：

<div id="dialog" title="Please Login">
        <asp:Login ID="login" runat="server" />
</div>

页面所需的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");

您可以根据用户是否经过身份验证来判断它是真是假，这样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")); 
});