jqueryは空のフィールドを確認します

Question

jqueryに関する質問があります。基本的に私はとても簡単なことをしたい。私はテキスト入力フィールドを持っています。送信時に、フィールドが空の場合はエラーメッセージを表示します。 私はこの方法を行っている：

errMsg = "Please write name";    
    $("div#errMsg").css("background-color", "red"); 
    $("div#errMsg").html(errMsg); 

とHTMLで：

<div id="errMsg"></div> 
    <strong>Name: </strong> 
    <input name="name" id="name" type="text" maxlength="255" size="50" /> 

それはしかし、問題がある、正常に動作します。フィールドを空のままにしてエラーメッセージを表示すると、ページを更新せずにエラーメッセージが表示されなくなります。 エラーメッセージが表示され、フィールドに何かを入力すると、ページを更新せずに自動的にエラーが削除されるようにしています。 ご協力いただければ幸いです。ありがとう。

Answer 1

$('#name').keyup(function() { 

    if ($(this).val()) { 
     $("div#errMsg").fadeOut(100); 
    } 

}); 

あなたはそれを表示show()$("div#errMsg")次回を呼び出すようにしてください。

Answer 2

keypress eventのリスナーを登録します。その後、ユーザーが何かを入力するたびにフィールドの再検証を行うことができます。代わりにchange eventを使用します。これは、ユーザーがフィールドを変更したときにのみトリガーされ、フォーカスが別のものに切り替わります。