密碼來顯示內容

Question

我想創建一個簡單的設置，以便當某個代碼輸入到表單框中時，然後顯示一個隱藏的元素。如果你能幫助我，那會很棒。謝謝！

<form> 
    Enter the passcode to see the content: 
    <input id="pwd" type="text" name="pwd" /> 
</form> 
<div id="content" style="display:none;"> 
    testing 123 
</div> 
<script> 
    $function(){ 
     $(form).keyup(function() { 
      $('input').trigger('change'); 
     }); 
     if ($('pwd').val() == supportingcauses){ 
      $('content').show('slow'); 
     } 
    }; 
</script> 

http://jsfiddle.net/jaruesink/RTG4f/

Answer 1

看來你的代碼中的唯一的問題是，你的代碼缺少一些字符。下面是它應該是什麼樣子：

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

我加入了#以表示它的ID，並表示supportingcauses是一個字符串的括號。

編輯

完整正確的代碼是：

<form> 
    Enter the passcode to see the content: 
    <input id="pwd" type="text" name="pwd" /> 
</form> 
<div id="content" style="display:none;"> 
    testing 123 
</div> 
<script> 
    $("#pwd").keyup(function() { 
     if ($('#pwd').val() == "supportingcauses"){ 
      $('#content').show('slow'); 
     } 
    }); 
</script> 

或者如下所示：http://jsfiddle.net/nayish/MrjxY/3/

Answer 2

這不是密碼安全性的安全方法，但在這裏是如何做到這一點，

http://jsfiddle.net/RTG4f/1/