如果字段值与字符串匹配,则显示 div

show div if field value matches a string

我需要这方面的帮助,我希望 div 在用户输入正确的字段值时显示,例如("ThePassword")。这是我目前所拥有的:

<input type="text" name="vip-code" id="vipcode" value="" />
<div id="container" style="display:none;"></div>

<script>
$(function () {
var validcode = "ThePassword";
$("#vipcode").focusout(function () {
    $(this).keyup(function () {
        var code = $(this).val();
        if (this === validcode) {
            $("#container").css("display", "block");
        } else {
            $("#container").css("display", "none");
        }
    });
});
});
</script>

有什么想法吗?

提前致谢。

不确定处理 keyup 事件是否正确,但问题是:您将 validcode 与输入字段 vip-code 而不是 code 变量进行比较...

if (code === validcode) {
    $("#container").css("display", "block");
} else {
    $("#container").css("display", "none");
}

在您的代码中,您仅在 vipcode 输入失去焦点后才绑定到 keyup 事件,因此 keyup 事件很可能永远不会被触发。还值得一提的是,在客户端硬编码密码是非常糟糕的做法,因为它是一个巨大的安全漏洞。

<input type="text" name="vip-code" id="vipcode" value="" />
<div id="container" style="display:none;"></div>

<script>
  $(function () {
    var validcode = "ThePassword";
    $("#vipcode").keyup(function () {
        var code = $(this).val();
        if (code === validcode) {
            $("#container").show();
        } else {
            $("#container").hide();
        }
    });
  });
</script>

http://jsfiddle.net/uuy6ovf6/2/