jquery e.preventdefaultが$ .post内で動作しない

Question

こんにちは私は、フォームのタイトルが既にデータベースに存在するかどうかを確認しようとしています。

マイコードは$ .postを実行してデータを取得しますが、e.preventDefault（）で停止することはありません。またはfalseを返します。 e.preventDefault（）;タイトルが空のときに機能します。

$(document).ready(function() { 
     $('input[id$=btnSubmit]').click(function(e) { 
       var title = $("#title").val(); 
       if (!title) { 
        alert('Please Add a title'); 
        return false ; 
        e.preventDefault(); 
       } else { 
        $.post("http://xendesktop.nl/uploader/checktitle.php",{ title:$(this).val() } ,function(data) { 
         if(data=='exists') { 
          alert('This title already exists'); 
          e.preventDefault(); 
         } 
        }); 
       } 
       var description = $("#description").val(); 
       if (!description) { 
        alert('Please Add a description'); 
        return false ; 
        e.preventDefault(); 
       } 

Answer 1

return false;は、バブルを防止し、デフォルトを防止するのと同じです。

どちらも、AJAXコールバックに入れないでください。その関数は、クリックコールバックの外で呼び出されます。

Answer 2

$.post要求は非同期的に発生するため、サーバーが応答を返すまで（その時点では発生しない）、ボタンのデフォルトのアクションは阻止されません。ハンドラが実行され、フォームが送信されます。