输入密码时的显示样式答案

【问题标题】：Display style's when password is entered输入密码时的显示样式
【发布时间】：2017-05-11 11:00:57
【问题描述】：

在我的 wordpress 网站上，我有一个只能通过密码访问的页面，这是使用 wordpress 内置的密码保护可见性。

我想要的是当用户输入密码时，我想添加 css 以在当前隐藏的标题菜单中显示另一个项目。

#menu-item-222 {
display:none;
}

有没有办法使用 php 实现这一点？

编辑：

回想起来，我的答案并不清楚，我想做的是在用户输入正确密码后显示样式，然后在页面/更改和刷新上显示隐藏框

这是我从答案中得到的。

jQuery("input[name=Submit]").click(function() {
if(jQuery("input[type='password']").val() == 'test12345'){
jQuery("#menu-item-222").css("display","block")
}
});

【问题讨论】：

不使用 PHP，使用 JavaScript 是的。 PHP 是服务器端，JavaScript 是客户端
您可以使用 Javascript 来实现。
javascript show hidden div when select option is selected的可能重复
@Sagar 根本不是真的——你可以用 php 创建整个网站...
@ThisGuyHasTwoThumbs 您可以仅使用 php 创建整个站点。但是页面生成并推送到客户端后，php就不能行动了是不是？

标签： javascript jquery css

【解决方案1】：

请检查这个。您需要输入正确的密码才能在顶部显示隐藏元素。

$("#pwd").keyup(function() {
        if ($('#pwd').val() == "test123"){
            $('#content').show('slow');
        }
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<div id="content" style="display:none;">
    Testing Content
</div>
<form>
    Enter the password to see the content:
    <input id="pwd" type="password" name="pwd" />
</form>

【讨论】：

只要知道“隐藏”的内容并没有真正隐藏，因为您可以在代码中看到它。

【解决方案2】：

这可以通过可能检查您输入的值来使用javascript或jquery来实现。假设您的密码是'12345'

$(document).ready(function(){
  if($("input[type='password']").val() == '12345'){
    $("#menu-item-222").css("display","block")
  }
})

【讨论】：