密码显示内容

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

这不是一种安全的密码安全方法，但这是如何做到的，

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

Answer 2

您的代码中唯一的问题似乎是您的代码缺少一些字符。以下是它的外观：

...
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/