2011-12-23 39 views
2

我很難過我對jQuery很陌生,試圖弄清楚我的基本Ajax嘗試有什麼問題。這是表格。基本的jQuery和PHP 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); 
      }); 
     } 
    }); 
}); 

驗證是偉大的工作,但我永遠無法得到阿賈克斯後根據螢火蟲和PHP文件火只是有一個簡單的echo語句。

回答

1

嘗試刪除event.preventDefault();任何地方都沒有事件對象,因此它可能是錯誤的。嘗試檢查您的錯誤控制檯。

1

我想:

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

注意論據 '事件'。