Question

我正在尝试创建一个简单的叠加层，如果输入字段正确，它将消失。如果你愿意，这是一个超级基本登录页面，它是一个包含输入的div。我对jQuery的理解是有限的，所以我毫不怀疑我的语法是一团糟。

<div id="enter">
    <input type="text" name="name" id="password" required>
</div>

if $("input[name= "est1889"]").change(function() {
    $("#enter").fadeOut("slow");
};

Answer 1

你的语法看起来很糟糕。

首先，确保将jQuery代码包装在$(document).ready(function()...中，如@Teodor Kurev所述。

您的if块不合适，并且语法无效。您可能希望为文本框绑定input事件，然后检查其中的值。

我还假设est1889是您尝试检查的价值，但很难从您的问题中判断出来。输入的选择器实际上应该只是#password

完整示例：

＆＃13;

$(document).ready(function() {
  $('#password').on('input', function() {
    console.log('input');
    if ($(this).val() === 'est1889') {
      // Correct here
      console.log('correct');
    }
  });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="enter">
  <input type="text" name="name" id="password" required>
</div>

＆＃13;

如果输入值正确，则执行jQuery函数

1 个答案: