submit button not returning value via AJAX/JQuery to self-processing form

Question

I have a form which opens in Colorbox and is submitted via Ajax/JQuery to itself. However, it seems as if the data passed is not including the value of the submit button itself. Whether I use multiple submits or just one, there is no data in $_POST['submitButton'], and it doesn't respond to isset() or empty().

The rest of the form posts just fine though. I can echo $_POST['name'] and $_POST['email'], just not $_POST['submitButton']

Here is (a stripped down version of) my form:

<form id="sub-process" action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post">
<input name="name" type="text" value="">
<input name="email" type="text" value="">
<input name="submitButton" type="submit" value="Submit">
</form>

And here is the jquery that processes the form to be submitted via AJAX, rather than an HTTP request.

jQuery(function(){
jQuery('.cbox-form').colorbox({maxWidth: '75%', onComplete: function(){
cbox_submit();
}});
});

function cbox_submit()
{
jQuery("#sub-process").submit(function(){
jQuery.post(
  jQuery(this).attr('action'),
  jQuery(this).serialize(),
  function(data){
    jQuery().colorbox({html: data, onComplete: function(){
      cbox_submit();
    }});
  }
);
return false;
  });
}

serialize won't include submit button value because form was not submited by submit button. Only "successful controls" are serialized to the string. — itachi
– itachi, Commented Nov 16, 2012 at 20:50
Thats frustrating. I'm considering working around it with a hidden value, but what JS would I use to change the value of that hidden button depending on which button is clicked and submit the form? — user1621945
– user1621945, Commented Nov 16, 2012 at 20:57
Put a click handler on the submit button, and have it add an appropriate property to the object that it submits. — Barmar
– Barmar, Commented Nov 16, 2012 at 21:00
Looks like I'm going to change my extra buttons to checkboxes, and let "checked" trigger the required actions, that way I can maintain one submit, and use a hidden value to check isset($_POST['submit']) — user1621945
– user1621945, Commented Nov 16, 2012 at 21:00

Stephen Nielsen · Accepted Answer · 2014-07-08 19:32:28Z

1

I know this is an old question but It looks like people do not understand that @itachi has the correct answer.

The serialize method will NEVER return a value from the submit button. It does not return the submit button in the post. You will do best to just use a hidden form field and adding a click event to the button.

answered Jul 8, 2014 at 19:32

Stephen Nielsen

1671 silver badge17 bronze badges

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

Comments

Martijn Pieters · Accepted Answer · 2012-11-16 20:58:09Z

0

Try using $_POST['submitButton']

edited Nov 16, 2012 at 20:58

Martijn Pieters

1.1m326 gold badges4.2k silver badges3.4k bronze badges

answered Nov 16, 2012 at 20:38

kdeveloper

951 silver badge9 bronze badges

6 Comments

kinakuta Over a year ago

Maybe I'm missing something, but the OP stated there is no data in $_POST['submitButton']

user1621945 Over a year ago

I just edited when i realized that i had written $_POST['submit'] at first, instead of $_POST['submitButton']. I've tried both, to no avail.

kdeveloper Over a year ago

try var_dump($_POST) to view all values stored in $_POST array

user1621945 Over a year ago

Update: Same issue when I use JS to submit the form - onClick="document.forms["sub-process"].submit();"

user1621945 Over a year ago

var_dump($_POST) yields: array(2) { ["name"]=> string(4) "test" ["email"]=> string(13) "[email protected]" }

|

Jordan Mack · Accepted Answer · 2012-11-16 21:03:11Z

0

jQuery's serialize() function is kind of quirky and particular. I find it to be not so useful for many scenarios. You may want to try the serializeObject plugin. I've found it to work in many cases when serialize() does not work for me.

answered Nov 16, 2012 at 21:03

Jordan Mack

8,8437 gold badges33 silver badges30 bronze badges

1 Comment

itachi Over a year ago

it is peculiar about it because that's the w3 standard in the definition of successful controls.

Collectives™ on Stack Overflow

submit button not returning value via AJAX/JQuery to self-processing form

3 Answers 3

Comments

6 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

6 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related