1

これについて助けが必要です。ユーザーがフィールド ("ThePassword") に正しい値を入力したときに div が表示されるようにします。これが私がこれまでに持っているものです：

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

何か案は？

前もって感謝します。

4

2 に答える 2

0

あなたのコードでは、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/

于 2015-02-18T15:11:26.630 に答える