通过单击一页内的特定链接显示不同的Html表单

时间:2014-12-02 16:28:34

标签: javascript php jquery html wordpress

我在wordpress主题中有文件,此文件包含signin,signup,lostpasswors和重置密码表单以及所需的php代码。在我的标题中,我有两个由bootstrap代码创建的按钮,我们遵循。

<div class="col-sm-3">
    <div id="user-notlogged-in" class="pull-right btn-group btn-group-lg" role="group">
        <button type="button" class="btn btn-info"><a class="signin" href="<?php echo bloginfo('url') ?>/login"><?php _e('Sign In'); ?></a></button>
        <button type="button" class="btn btn-default"><a class="signup" href="<?php echo bloginfo('url') ?>/login"><?php _e('Sign up'); ?></a></button>
    </div>
</div>

在我的login-register.php文件中,我有以下表格,如下所示

<div id="signin-form">
</div>
<div id="signup-form">
</div>
<div id="resetpass-form">
</div>
<div id="newpass-form">
</div>

以下链接包含我的login-register.php文件中的完整代码 login-register.php 我的问题

  1. 我想点击登录链接时只显示登录表格
  2. 我想点击注册链接时只显示注册表格
  3. 我想点击忘记密码?链接只显示我resetpass-form
  4. 我想在发送给我时重设密码邮件和我重置密码链接只显示我的新密码

2 个答案:

答案 0 :(得分:2)

你正在寻找的是一些简单的jquery。尝试类似......

onclick=$('#signin-form').show();

答案 1 :(得分:0)

有一种方式,我希望它能帮到你。 您可以使用Jquery进行显示并隐藏表单。

    `http://jsfiddle.net/ffor00ps/3/`

尝试一下这可能有助于解决您的问题