jquery - 送信後の必須フィールド

Question

フィールドが入力されているかどうかを送信後に確認するために、このコードを作成しました。入力されていない場合、スクリプトは赤い境界線のクラスを追加し、その下に「フィールドに入力してください」というポップアップを追加します。しかし、フィールドに入力すると、エラークラスが削除され、ポップアップがフェードアウトします。

$("#frmQ").submit(function(){
    if ($(".zipcode").val() == "") {
        event.preventDefault();
        $(".zipcode").addClass('req_error');
        $(".req_pop").fadeIn(200);
    }
    else {
        $(".zipcode").removeClass('req_error');
        $(".req_pop").fadeOut(200);
    }
})

検証は機能しますが、必須フィールドに入力した後、クラスとポップアップが消えません。

誰かがこれで私を助けることができますか?