Question

我有一个问题，我有一个包含多种形式的字段，这些表单最多可重复50次，但值不同，我想发送您从列表中选择的表单，带$。 post（'process.php'，$（“＃form”）。serialize（），function（data），但是当点击表单时，只发送第一个表单但不发送表单值进行选择。

尝试单位本身，这是两个简单的文件，如

forms.html

<html>
<head>
<title>Ejemplo de form con jquery</title> 
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery.validate/1.7/jquery.validate.min.js"></script>
<script type="text/javascript">
$(function() {
$("form").validate( {
submitHandler: function(form) {
$.post('process.php', $(form).serialize(), function(data) {
$('#results').html(data);
            });
        }
    });
});
</script>
</head>
<body>
<form method="post" id="form">
    <label for="name" id="name_label">Nombre</label>  
    <input type="text" name="name" id="name" size="30" value=""/>  
    <br>

    <input type="submit" name="submit" value="SEND"> 
</form>

<form method="post" id="form">
    <label for="name" id="name_label">Nombre</label>  
    <input type="text" name="name" id="name" size="30" value=""/>  
    <br>
  <input type="submit" name="submit" value="SEND"> 
</form>

<form method="post" id="form">
    <label for="name" id="name_label">Nombre</label>  
    <input type="text" name="name" id="name" size="30" value=""/>  
    <br>
  <input type="submit" name="submit" value="SEND"> 
</form>

<form method="post" id="form">
    <label for="name" id="name_label">Nombre</label>  
    <input type="text" name="name" id="name" size="30" value=""/>  
    <br>
  <input type="submit" name="submit" value="SEND"> 
</form>

<form method="post" id="form">
    <label for="name" id="name_label">Nombre</label>  
    <input type="text" name="name" id="name" size="30" value=""/>  
    <br>
  <input type="submit" name="submit" value="SEND"> 
</form>
<div id="results"></div>
</body>
</html>

process.php

 <?php

    print "Form enviado correctamente: <br>the post value is <b>".$_POST['name']."</b> ";
?>

我想要的是，如果我在下面的最后一个表格中加上一个值，我会发送给你发送这个表格或你选择的任何一个的价值，而不是上面表格的价值，那就是问题出在哪里不希望q一次发送所有表单的值ls只想发送表单的值来选择

Answer 1

不要为所有表单提供相同的ID。您始终可以使用$('#formid').serialize();序列化每个表单的数据然后，您可以通过Ajax POST发送它。

或者，您可以完全省略“id”，并循环浏览每个表单并使用$(this)访问它的数据。由于您尝试一次发送所有表单的数据，因此您可以在每种表单中使用。然后这样做。

$(document).ready(function(){ $.each($("form"), function() { 
     $(this).validate({  submitHandler: function() {

            $.post('process.php', $(this).serialize(), function(data) {

                    $(this).find('.result').html(data);
                });
        }
     }); });

});

Answer 2

submitHandler函数接收提交的表单作为其参数，因此您可以执行以下操作：

  $(function() {
      $("form").each(function() {
          $(this).validate( {
              submitHandler: function(formbeingsubmitted) {
                  $.post('process.php', $(formbeingsubmitted).serialize(), function(data) {
                      $('#results').html(data);
                  });
              }
          });
      });
  });

显然，当应用于jQuery集合时，jquery-validate插件无法正常工作。因此，有必要使用.each()分别初始化每个。

如何每个序列化？

2 个答案: