Javascript 处理同一页面上的多个表单PHP JQuery

Javascript 处理同一页面上的多个表单PHP JQuery,javascript,php,jquery,html,ajax,Javascript,Php,Jquery,Html,Ajax,好的!!我在一个页面和表单上有各种隐藏的表单提交发货地址人员存储在会话中 表格如下: .chkhiddenform input {display:none} $(".chkhiddenform").validate({ var bc_name = $("#bc_ship_name").val();var bc_ship_zipcode = $("#bc_ship_zipcode").val();var bc_address = $("#bc_address").val(); var

好的!!我在一个页面和表单上有各种隐藏的表单提交
发货地址
人员存储在会话中

表格如下:

.chkhiddenform input {display:none}
$(".chkhiddenform").validate({
 var bc_name = $("#bc_ship_name").val();var bc_ship_zipcode = 
 $("#bc_ship_zipcode").val();var bc_address = 
 $("#bc_address").val();
 var dataString = 'bc_ship_name=' + bc_name + '&bc_ship_zipcode=' + 
                   bc_ship_zipcode + '&bc_address=' + 
                   bc_address
submitHandler: function() {
     $.ajax({
        url: 'process.php',
        type: 'POST',
        data: dataString,
        success: function(response) {
           if(response=='success'){
              window.location.replace('next-screen');
           }
        }
     });
}
});
$sql1 = "select * from `additional_address` WHERE `email` = ? ";
$result1 = 
DB::instance()->prepare($sql1)->execute(array($_SESSION['array']
['email']))->fetchAll();
$_SESSION['address'] = reset ($result1);

表格1

<form role="form" class="form-horizontal chkhiddenform" method="post">
  <input type="text" class="form-control" id="bc_ship_zipcode" 
   name="bc_ship_zipcode" value="123456"/>
  <input type="text" class="form-control" id="bc_ship_name" 
   name="bc_ship_name" value="Test"/>
 <input type="text" class="form-control" id="bc_address" 
   name="bc_address" value="Test Address 1 Address 2"/>
 <button type="submit" class="select_btn btn btn-white"><span>Deliver 
 Here</span></button>   
</form>
Process.php
如下:

.chkhiddenform input {display:none}
$(".chkhiddenform").validate({
 var bc_name = $("#bc_ship_name").val();var bc_ship_zipcode = 
 $("#bc_ship_zipcode").val();var bc_address = 
 $("#bc_address").val();
 var dataString = 'bc_ship_name=' + bc_name + '&bc_ship_zipcode=' + 
                   bc_ship_zipcode + '&bc_address=' + 
                   bc_address
submitHandler: function() {
     $.ajax({
        url: 'process.php',
        type: 'POST',
        data: dataString,
        success: function(response) {
           if(response=='success'){
              window.location.replace('next-screen');
           }
        }
     });
}
});
$sql1 = "select * from `additional_address` WHERE `email` = ? ";
$result1 = 
DB::instance()->prepare($sql1)->execute(array($_SESSION['array']
['email']))->fetchAll();
$_SESSION['address'] = reset ($result1);

但总是在提交时,表格1的值会进入下一页。请告诉我问题出在哪里?

请不要回答。我自己找到了解决办法。对于所有面临相同问题的人,可以参考本教程和njoy<代码>http://www.9lessons.info/2009/06/submit-multiple-forms-jquery-ajax.html
我在所有表单输入中添加了来自DB的ID,现在它可以正常工作了:)