问题幻灯片和Ajax

Question

我有这样的结构，我的HTML

<div id ="slide1"> 
      <form method="post" id="customForm" action=""> 
       //my content - name, email, mypassword, pass2 
      </form> //i already tried delete this 
     </div> 
     <div id ="slide2"> 
      <form method="post" id="customForm1" action=""> //and this, to have only one form obviously this didn't work, because the div of slide1 is already closed. 
       //my content - other stuff 
      </form> 
     </div> 

，我有这个JS

$(document).ready(function() { 
     $("#customForm").submit(function() { 
      $.ajax({ 
       url: "validation1.php", 
       type: "post", 
       dataType: "json", 
       data: { 
        name: $('#name').val(), 
        email: $('#email').val(), 
        myPassword: $('#myPassword').val(), 
        pass2: $('#pass2').val() 
       }, 
       success: function(data) { 
//stuff 
} 

问题。我想分组幻灯片的数据并发送到validation1.php，但为此我必须有一个唯一的形式。

如果问题不清楚请告诉我。

感谢

Answer 1

如果我理解正确的话，你说你需要发送的2滑入一个职位，但在你的HTML数据存在于两种形式的元素。

你总是可以用你想要的数据建立一个新的表单，并提交它，但也可以检查页面上表单的使用。

var href = '.... where ever you are sending the data .....'; 
var form = $('<form method="post" action="' + href + '"></form>'); 

var d1=$('.slide1 some subdata selector'); 
var d2=$('.slide2 some subdata selector') 

$('<input type="hidden" name="data1">').val(d1).appendTo(form); 
$('<input type="hidden" name="data2">').val(d2).appendTo(form); 
$('body').append(form); 
form.submit(); 
form.detach();