Send data form using as button

Question

I want to send data from a form to other php page. Instead of a button in the form I have a button outside to submit. How can I send the data from the form to the other page? Here is the code:

<div class="body">
                <form id="productform" class="form-style-12" action="" method="post">
                <ul name="products">
                    <!-- products added to the cart will be inserted here using JavaScript -->
                </ul>
                </form>
            </div>

            <footer>
                <a href="checkout.php" id="checkoutbtn" class="checkout btn"><em>Ga verder: €<span>0</span></em></a>
            </footer>

The < ul > get filled by products using javascript.

Basically, what you have is a total disregard for how HTML works, and how javascript should be used. As for the problem you're having, make sure you actually have proper elements in there that has been added by javascript (named inputs, for one), attach an event to the `` when clicked, and serialize the form and use AJAX to push it whereever you need it to go. But seriously, that should be redesigned. First - make the site work without javascript, then add javascript to enhance UX. That there is just a fail before it even began. — junkfoodjunkie, Apr 16 '17 at 21:08
Possible duplicate of [Sending multipart/formdata with jQuery.ajax](http://stackoverflow.com/questions/5392344/sending-multipart-formdata-with-jquery-ajax) — furkle, Apr 16 '17 at 21:09
set the action attribute of your form to checkout.php and customize the ul to some kind of inputs or get them with js. then submit the form with the outter button with type="submit" as a button attribute. — Felix Haeberle, Apr 16 '17 at 21:09

score 0 · Answer 1 · answered Apr 16 '17 at 21:09

0

A neat solution is to create a inside the form and style that one.

But you could solve it as you ask:

<a href="" onclick="document.getElementById('productForm').submit()">Submit!</a>

answered Apr 16 '17 at 21:09

Dygnus

621
6
14

score 0 · Answer 2 · answered Apr 16 '17 at 21:14

0

You can use this

function submitFormData() {
  document.getElementById("yourformid").submit();
}

<button onclick="submitFormdata();">Submit</button>

answered Apr 16 '17 at 21:14

Learnator

47
2

Send data form using as button

2 Answers2