弹出式登录关闭时，点击恢复密码

Pop-up login close when clicked on recover password

本文关键字：恢复 密码 登录 弹出式      更新时间：2023-09-26

使用这段代码，当用户在弹出式表单中单击时，该弹出式将停留。但是，当用户单击?以恢复密码时，会显示弹出窗口，但不会关闭登录表单。

有什么想法如何关闭登录弹出??

HTML代码:

   <div id="joinusLogin">
        <div id="backgroundOpacity"></div>
        <form id="loginForm">
            <input id="loginFormFields" type="email" name="email" placeholder=" E-mail"/><br />
                <input id="loginFormFields" type="text" name="password" placeholder=" Password"/>
                <div id="requestPassword">
                    <a href="javascript:hideshow(document.getElementById('passwordRecover'))">?</a>
                </div>
            <br />
                <input id="submitLogin" type="submit" value="LOG IN"/>
        </form>
        <div id="signupNow">
            Don't have an account yet? 
            <a href="javascript:hideshow(document.getElementById('inviteNowSignup'))">
                Sign up here.
            </a> 
        </div>
    </div>
    <div id="passwordRecover">
        <div id="backgroundOpacity"></div>
            <form id="passwordRecoverForm">
                <input id="passwordRecoverFields" type="email" name="email" placeholder=" E-mail"/><br />
                    <input id="submitPasswordRecover" type="submit" value="SEND PASSWORD"/>
            </form>
        <div id="signupNow">
            Don't have an account yet? 
            <a href="javascript:hideshow(document.getElementById('inviteNowSignup'))">
                Sign up here.
            </a> 
        </div>
    </div>

Javscript代码

function hideshow(which){
if (!document.getElementById)
    return
if (which.style.display=="block")
    which.style.display="none"
else
    which.style.display="block"
}
$('body').click(function(){
  $('#inviteNowSignup, #joinusLogin, #passwordRecover').hide();
});
$('body').on('click',"#signupForm, #loginForm, #passwordRecoverForm",function (e){
  e.stopPropagation();
});

如您的代码所示。您已经处理了那些被单击并传递给函数的元素的打开和关闭。但是你还没有处理那些已经打开的。

尝试在

函数之前添加这一行
   $('#inviteNowSignup, #joinusLogin').hide();

它将隐藏其他div。顺便说一句，隐藏和取消隐藏的功能很好。

相关文章：