Form POST missing data when added via JQuery .load()

Written by James McDonald

November 28, 2016

https://forum.jquery.com/topic/reload-dom-after-injecting-form-elements#14737000002044320

Just had an issue where I was using JQuery to add form fields to a page and when I would submit the form all the added fields were missing.

Some forums suggested that I check the validity of the html to make sure there was no badly nested tags. I did this and it still didn’t work.

Then I found the above secret… It recommends moving your form to be nested under body.

I moved my form to the out most area of my cake template and even though it was still nested in some divs necessary to running Twitter Bootstrap it started submitting the values correctly.

<?php 

# /View/Name/Action.ctp

<!-- put this to the outside so it's not nest in dozens of divs -->
<?php echo $this->Form->create('Label'); ?>

<!-- a heap of layout divs and input fields embedded from here -->
<div>
   <div>
      <div>
      </div>
   </div>
</div>

<!-- de-nest the </form> element too -->
<?php echo $this->Form->end(); ?>

MacOS Chrome: Version 54.0.2840.98 (64-bit)

CakePHP 2.8.7

0 Comments

Submit a Comment

Your email address will not be published. Required fields are marked *

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

The reCAPTCHA verification period has expired. Please reload the page.

You May Also Like…

Network speed test host to host

On Ubuntu / Debian apt-get install iperf3 On Windows download it from https://iperf.fr/iperf-download.php#windows Make...

Clear HSTS Settings in CHrome

Open chrome://net-internals/#hsts enter the domain in the query field and click Query to confirm it has HSTS settings...