基本的なjQueryとPHPのAjaxフォームが失敗する

Question

私は困惑しています。私はjQueryを初めて使い、基本的なAjaxの試みが間違っているかどうかを調べようとしています。ここにフォームがあります。

<div id="results"></div> 
<form id="myform" name="myform" action="" method="post"> 
<p> 
<label for="email">Email</label> 
<input type="text" name="email" id="email" class="sf" /> 
</p> 
<p> 
<input type="submit" name="submit" class="submit" /> 
</p> 
</form> 

そしてここでjQueryのコード

jQuery(document).ready(function(){ 
    jQuery("#myform").validate({ 
     rules: { 
     email: { 
      required: true, 
      email: true, 
     } 
    }, 
    messages: { 
     email: "Please enter a valid email address" 
    }, 
     submitHandler: function(form) { 
      event.preventDefault(); 
      $.post('/ajax/emailadd.php', $("#myform").serialize(), function(data) { 
       $('#results').html(data); 
      }); 
     } 
    }); 
}); 

検証が素晴らしい働いているが、私は放火犯に応じて発射するAjaxのポストを得ることはできないとPHPファイルは、単純なエコー文を持っています。

Answer 1

削除してみてくださいevent.preventDefault();どこにもイベントオブジェクトがないため、おそらくエラーが発生しています。エラーコンソールを確認してみてください。

Answer 2

私は思う：

submitHandler: function(event) { 
     event.preventDefault(); 
     $.post('/ajax/emailadd.php', $("#myform").serialize(), function(data) { 
      $('#results').html(data); 
     }); 

注意引数 'イベント'。