jQuery序列化表单数据

时间:2015-11-04 09:32:31

标签: jquery

这是html表单:

<form id="contactRefer" method="POST" action="submit.php">
<input type="email" name="email[email-0]" required >
<input type="text" name="mobile[mobile-0]" required >
.
.
.
<input type="hidden" value="2" id="count" name="count">
<a style="cursor:pointer;" id="more-friends">Add More Friends </a>
<button class="btn btn-success" type="submit" id="frmSubmit">Send</button>

我使用的jQuery如下。请注意我也想使用动态添加的输入框。:

$("#more-friends").click(function(){
    var i = parseInt($('#count').val())+1;
    $('.new-friends').append('<div class="col-md-12"><div class="col-md-6"><div class="form-group"><input type="email" name="email[email-'+i+']" placeholder="Enter Email Id" class="form-control" data-validetta="email"></div></div><div class="col-md-6"><div class="form-group"><input type="text" name="mobile[mobile-'+i+']" placeholder="Enter Mobile Number" class="form-control" data-validetta="minLength[10],maxLength[15]"></div></div></div>');
    $('#count').val(i);
});

$("#frmSubmit").on('click', function(){
    $.ajax({
      type  : "POST",
      url   : "submit.php",
      data  : $("#contactForm").serialize(),
      datatype : 'text',
      success: function(data) {     
        alert(data);
      }
    });         

});

我想在php中使用mail方法发送整个表单数据。但在此之前,我还希望获得字符串中的所有值。 我无法获得将所有POST数据转换为php数组的php部分。

2 个答案:

答案 0 :(得分:3)

您的表单ID是contactRefer not contactForm它应该是$("#contactRefer").serialize()

$("#frmSubmit").on('click', function(){
    $.ajax({
      type  : "POST",
      url   : "submit.php",
      data  : $("#contactRefer").serialize(),
      datatype : 'text',
      success: function(data) {     
        alert(data);
      }
    });         

})

答案 1 :(得分:1)

您的表单ID错误

$("#frmSubmit").on('click', function(){
    $.ajax({
      type  : "POST",
      url   : "submit.php",
      data  : $("#contactRefer").serialize(),
      datatype : 'text',
      success: function(data) {     
        alert(data);
      }
    });         

});

PHP 中,你会得到它,

echo $_POST['email']['email-0'];
echo $_POST['mobile']['mobile-0'];
相关问题