使用Jquery驗證插件的Ajax表單提交無效

Question

我正在使用Jquery驗證插件來驗證表單，我需要在提交后顯示成功/錯誤消息而不重新加載頁面。 但每次我提交表單，頁面重新加載。 即使數據出現在數據庫中，“錯誤”警報也會不斷出現。

的index.php

<?php
function register() { 
    $name = $_POST['name']; 
    $mail = $_POST['email']; 
    $query = "INSERT INTO table_name (name,email) VALUES ('$name','$email')"; 
    $data = mysql_query($query)or die(mysql_error()); 
    echo json_encode($data);
}
if(isset($_POST['submit'])) {
    register();
}
?>

Javascript代碼：

$("#myform").validate({
   //rules, messages go here

   submitHandler: function(event) {
        $.ajax({
             url: "index.php",
             type: "POST",
             data: $(#myform).serialize(),
             dataType: 'json',
             success: function() {
                   alert("Thank you!");
             },
             error: function() {
                   alert("Error. Try again please!");
             }
        });

        event.preventDefault();
     } 

});

Answer 1

我認為你的問題就在這里

 data: $(#myform).serialize()

改為

 data: $(this).serialize()