入力値が正しい場合、jQuery関数を実行します。

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

あなたの構文はかなり変わっているようです。

まず、@Teodor Kurevのように$(document).ready(function()...にjQueryコードをラップしていることを確認してください。

ブロックifブロックが正しくありません。有効な構文ではありません。おそらくinputイベントをテキストボックスにバインドし、その中の値をチェックすることをお勧めします。

私はまたest1889があなたがチェックしようとしている値だと仮定していますが、あなたの質問から分かりにくいです。

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

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