Question

所以我有一个javascript函数，在onclick之后显示寄存器形式，但它不刷新，因为它在同一页面上。它只是加载另一个表单。但是，当我有重置密码页面，我想要一个按直接到注册表单而不是标准登录表单的按钮，你必须手动点击注册表按钮。

如何在点击href后页面刷新并且它将使用javascript代码，以便它将显示注册表单而不是登录表单。

$('.register-pass-reset').click(function(){
    // Switches the forms
    ('.form').animate({
        height: "toggle",
        'padding-top': 'toggle',
        'padding-bottom': 'toggle',
        opacity: "toggle"
    }, "slow");
    $('.help-block').remove();
    $('.toggle').html($('.toggle').html() == 'Register' ? 'Login' : 'Register');
});

a href：

<a class="register-pass-reset" href="{{ url('/login') }}">

Answer 1

<强> For detail about Web Storage Click here

您应该使用HTML WEB STORAGE来跟踪页面。就像按下reset_password按钮然后按store a key with yourself in storage。

然后在另一页access that key and show the register form on the basis of its value中，然后在存储中将密钥重置为null以供将来使用。

以下是使用HTML网络存储的方法。

按下reset_password按钮时，在其点击事件中添加以下代码。

localStorage.setItem("register", "true");
// where register is the key and its value is true

在另一个页面中，在其DOM就绪函数中访问此key

$(function(){
   if(localStorage.getItem("register") === "true") {
      // show your register form and reset the storage.
      localStorage.setItem("register","");
   } else { 

   }
});

Answer 2

您需要链接到url('/login#register')，然后在页面加载时检测JS中的哈希：

window.onload = function(){
    if(window.location.hash && window.location.hash == "#register") {
        //Change Login To Register Form
    }
}

页面刷新后执行javascript函数

2 个答案: