フォーム投稿していない場合でもメッセージありがとう

Question

私はJavascriptとJqueryの初心者です。私は提出したい書類を持っています。提出すると「ありがとう！」と表示されます。フォームの下のメッセージ。私は私たちのデータベースに提出するフォームを取得し、ありがとうメッセージを表示することができました。唯一の問題は、フィールドが記入されているかどうかにかかわらず、メッセージありがとうございます。私はJqueryの.show（）に感謝メッセージとreplaceWith（）の方法で隠れたdivを表示しようとしました。どんな助けもいいだろう。ありがとう。ここで

はスクリプトです：

<script type="text/javascript"> 
$(document).ready(function() { 
    $("#My-Form").submit(function(event) { 
     event.preventDefault(); 
     submitform(); 
    }) 

    $("#My-Form").validate({ 
     rules: { 
      firstname: { 
       required: true 
      }, 
      lastname: { 
       required: true 
      }, 
      phone: { 
       required: true 
      }, 
      email: { 
       required: true, 
       email: true 
      }, 
      address: { 
       required: true 
      }, 
      city: { 
       required: true 
      }, 
      state: { 
       required: true 
      }, 
      zip: { 
       required: true, 
       number: true 
      } 
     }, 
    }); 
}); 

function submitform() { 
    $.post('URL', $("#My-Form").serialize(), returnResults, 'json'); 
    $("#MyForm").replaceWith("<p><h2>Thank You!</h2></p>"); 
} 

function returnResults() { 
    //SHOW THANK YOU MESSAGE 
} 
</script> 

Answer 1

はちょうどので、私は正確にあなたを取得しています。私はあなたのメッセージが正しい入力に関係なく表示されていることをあなたの言うと思います。そこで、あなたのreturnResults()メソッドでは、jquery.validate.jsメソッドをvalid()

のように調べることができます。

あなたが提出成功に基づいて編集し、これまで、このチェックを実行することができ

function returnResults() { 
    if ($("#mobile-landing").valid()) { 
     //show thank you 
    } 
}