-1

编辑:抱歉措辞不好,更好的版本如下: 当用户第一次访问他们看到 i.stack.imgur.com/7zbyv.png 的站点时。然后他们必须输入设置的密码(PHP 变量)并单击提交。如果正确,将显示 i.stack.imgur.com/E78wK.png。如果没有,什么都不会发生。


我正在我的开发站点上编写脚本。我正在寻找用文本框和提交按钮替换大绿色按钮。用户必须在框中输入正确的密码并单击提交按钮,然后才会显示绿色按钮。我在任何地方都找不到有关如何执行此操作的指南。谁能帮我?我在下面放了相关代码和截图:

绿色按钮:

<?php
    if(($xx != null) || $log != null)
    {
    echo "<a rel=\"tooltip\" title=\"Login via Instagram using your username\" class=\"btn btn-success\" href=\"$loginUrl\">Login with Instagram</a>";
    } 
?>

登录表单和按钮

<form>
        <br />
        <input type="password" class="input-small" placeholder="Enter Code...">
        <button type="submit" class="btn">Login</button>
</form>
4

2 回答 2

2

这很简单——当用户没有登录时,你输出表单和按钮。你使用 CSS 隐藏表单,只显示按钮。然后用户 jQuery click()(或简单的 javascript)处理程序用表单切换按钮。

这是使用 jQuery 进行上述技术的演示:http: //jsfiddle.net/uHzfp/

于 2013-02-27T09:09:40.570 回答
1
<?php
    if(($xx != null) || $log != null)
    {
    echo "<a id="login_button" rel=\"tooltip\" title=\"Login via Instagram using your username\" class=\"btn btn-success\" href=\"$loginUrl\" >Login with Instagram</a>";
    } 
?>

<form id="myform" style="display:none;">
        <br />
        <input type="password" class="input-small" placeholder="Enter Code...">
        <button type="submit" class="btn">Login</button>
</form>

<script>
$("#login_button").click(function () {
$(this).css("display","none");
$('#myform').css("display","");
});
</script>
于 2013-02-27T09:22:57.513 回答