jQuery serialize form data

Question

This is the html form:

<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>

The jQuery I am using is as follows. Please note that I want to use dynamically added input box also.:

$("#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);
      }
    });         

});

I want to send the whole form data using mail method in php. But before that I also want to get all the values in a string. I am not able to get that php part which converts all the POST data into php array.

your form id is contactRefer not contactForm it shoud be $("#contactRefer").serialize(), — Osama Jetawe
– Osama Jetawe, Commented Nov 4, 2015 at 9:33

Osama Jetawe · Accepted Answer · 2015-11-04 09:36:07Z

3

your form id is contactRefer not contactForm it shoud be $("#contactRefer").serialize()

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

})

answered Nov 4, 2015 at 9:36

Osama Jetawe

2,7057 gold badges27 silver badges45 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Osama Jetawe Over a year ago

if this is answer solved your problem please accept it, thanks

Parixit · Accepted Answer · 2015-11-04 09:36:16Z

1

Your Form ID is wrong

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

});

In PHP you will get it like,

echo $_POST['email']['email-0'];
echo $_POST['mobile']['mobile-0'];

answered Nov 4, 2015 at 9:36

Parixit

3,8193 gold badges39 silver badges65 bronze badges

Collectives™ on Stack Overflow

jQuery serialize form data

2 Answers 2

1 Comment

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Related