輸入密碼時的顯示樣式

在我的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") 
} 
});

來源

2017-05-11 Callum Smith

沒有使用PHP，使用JavaScript是的。 PHP是服務器端，JavaScript是客戶端 –

你可以使用Javascript來實現這一點。 –

[javascript show hidden div when select option is selected]可能重複]（http://stackoverflow.com/questions/16015933/javascript-show-hidden-div-when-select-option-is-selected） –

，可以通過JavaScript或jQuery的通過可能檢查你input.Let的價值實現假定你的密碼是「12345」

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

來源

2017-05-11 11:11:45

請檢查。您需要輸入正確的密碼才能在頂部顯示隱藏的元素。

$("#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>

來源

2017-05-11 11:12:18

只要知道「隱藏」的內容並沒有真正隱藏起來，因爲你可以在代碼中看到它。 – SjaakvBrabant

輸入密碼時的顯示樣式

回答

相關問題