如何通过ajax提交和validation表单

请尝试通过使用Ajax同时提交和validation我的表单到我的数据库，但它不适合我。 这是我的jquery

$(document).ready(function(){ $(".button").click(function(){ $("#myform").validate(); //Ajax to process the form $.ajax({ type: "POST", url: "process.php", data: { firstname: $("#firstname").val()}, success: function(){ $('#message').html(data); } }); return false; }); }); 

问题是当我提交表单时，Ajax表单提交给自己。 请一起使用jquery validate和$ .ajax的正确方法是什么？

Answer 1

试试这个（按预期为我工作）：

HTML表格：

     
 
 
 Name (required, at least 2 characters)  
 E-Mail (required)  
 
 URL (optional)  
 
 Your comment (required)  
 
  
 
 
 
 

PHP代码：

Answer 2

将data作为成功函数中的参数传递：

 success: function(data){ 

您的success函数不会执行任何操作，因为您尚未定义data

Answer 3

你忘了传递回复

 $(document).ready(function() { $(".button").click(function() { //check the validation like this if ($("#myform").valid()) { //Ajax to process the form $.ajax({ type: "POST", url: "process.php", data: { firstname: $("#firstname").val() }, //you forget to passs the response success: function(response) { $('#message').html(response); } }); return false; } }); }); 

Answer 4

首先，如果未通过validation，您为什么要提交表格？ 试试这个，如果validation真的有效：

 $(function(){ $(".button").click(function(){ var myform = $("#myform"); if (myform.validate()) { $.post("process.php", myform.serialize(), function(data){ $('#message').html(data); }); } return false; }); });