Question

当用户想要登录网站时，他们会点击登录链接，并在模式对话框中显示登录表单。

如果用户无法记住密码，请在登录表单中显示忘记密码的链接。

忘记密码表格也会显示在模态对话框中。

我的问题是当用户点击登录模式对话框中的忘记密码链接时，会在现有登录模式对话框的顶部打开另一个模态对话框（忘记密码）。

当忘记密码模式对话框打开时，是否可以在表单模式对话框中签名？

谢谢！

                <div id="dialog_form_signin" class="hidden" title="<%=lngSigninForm%>">
                    <form action="content/myaccount/index.cs.asp?Process=SignIn" method="post" class="signin-form">
                        <fieldset>
                            <p>
                                <label><%=lngEmailAdd%></label>
                                <input type="text" name="EMAILADDRESS" size="55" value="" />
                                <small></small>
                            </p>
                            <p>
                                <label><%=lngPassword%></label>
                                <input type="password" name="PASSWORD" size="55" value="" />
                                <small></small>
                            </p>                                                            
                            <p>
                                <input type="hidden" name="x" value="p">   
                                <input type="submit" name="signin" value="<%=lngSubmit%>" class="submit" />
                            </p>
                            <p><a href="javascript:void(0)" id="open_forgotpass" class="reset"><img id="message" src="images/icons/help.png" alt="Message"> <%=lngPassRemind%></a></p>
                        </fieldset>
                    </form> 
                    </div>

    $( "#dialog_form_forgotpass" ).dialog({
        autoOpen: false,
        width: 400,
        modal: true
    });
    $("#open_forgotpass").click(function(){$( "#dialog_form_forgotpass" ).dialog( "open" );});
     $( "#dialog_form_signin" ).dialog({
        autoOpen: false,
        width: 400,
        modal: true
    });
    $("#open_signin").click(function(){$( "#dialog_form_signin" ).dialog( "open" );});

Answer 1

忘记密码点击，关闭登录对话框然后打开忘记密码对话框

 $("#open_forgotpass").click(function(){
    $( "#dialog_form_signin" ).dialog( "close" );
    $( "#dialog_form_forgotpass" ).dialog( "open" );

    });

单击另一个时，关闭一个jQuery UI模式对话框

1 个答案: