jQuery POST表单数据

当我点击提交时，我希望将所有表单数据发布到process.php。 然后在process.php上我想回显出POST数据，最后将结果div中的所有内容替换为process.php中的内容。

 $(document).ready(function(){ $("#myform").submit( function () { $.ajax({ type: "POST", dataType: "html", cache: false, url: "process.php", success: function(data){ $("#results").html(data); } }); return false; }); //$("#myform").submit( function () { //$('#results').html("yay"); //} // }); //} ); });  

 
  zoom  
    
   
nooooooo
 <!--  ---- -->  

Answer 1

您可以调用$.post传递表格数据序列化。 像这样：

Answer 2

 $("#myform").submit( function () { $.ajax({ type: "POST", data : $(this).serialize(), cache: false, url: "process.php", success: function(data){ $("#results").html(data); } }); return false; }); 

测试一下

Answer 3

只有另一种方法可以做到这一切。 此示例使用jQuery validate插件。 在这里，所有表单字段都会自动validation。 从这里下载jquery ：

https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js

从这里下载validation插件 ：

http://jquery.bassistance.de/validate/jquery-validation-1.10.0.zip

     
 
 Name  
 
 E-mail