Button post error

Question

<div class="buttons"> <a href="#" class="btn btnGreen"><span>Beta Signup</span></a> <span><em>or</em></span>
      <a onclick="test()" class="btn btnBlue"><span>Donate to Development</span></a> </div>

      <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
      <input type="hidden" name="cmd" value="_s-xclick">
      <input type="hidden" name="hosted_button_id" value="JZDSU6T647PL4">
      <input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donate_SM.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
      <img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
      </form>


  </div>

I want the action from the form to happen when i click on the donate to development button, how could i do this??? I want the imaging from the btn btnblue class but it does not transfer over to the form

what do you mean on `imaging from the btn btnblue class` and `it does not transfer`? — Gavriel, Jan 29 '16 at 01:21
You can call the submit() function of the form element in your function test(), or you could create a new input element with type 'submit' which will automatically submit the form it's in when pressed, which is how it's usually done. — Mandera, Jan 29 '16 at 01:24

score 1 · Answer 1 · answered Jan 29 '16 at 01:23

1

you need to create a function that submits the form via javascript. Eg.

<a onclick="submit()" class="btn btnBlue"><span>Donate to Development</span></a>

function submit() {
  var form = document.querySelector('form');
  if(whatever){
   form.submit();
  }
}

answered Jan 29 '16 at 01:23

Shan Robertson

2,742
3
25
43

why is the if statement necessary? – CHouse95 Jan 29 '16 at 03:24
it's not, generally you validate a form submission in some way, but the `form.submit()` is all you need – Shan Robertson Jan 29 '16 at 17:10

score 1 · Answer 2 · answered Jan 29 '16 at 01:39

1

<a onclick="test()" class="btn btnBlue"><span>Donate to Development</span></a>
<script>
 function test() {
var form = document.querySelector('form'); if(whatever){ 
form.submit();
 } }
</script>

Create a JavaScript function

answered Jan 29 '16 at 01:39

Gautam Jha

1,445
1
15
24

why do i need the if statement there? – CHouse95 Jan 29 '16 at 03:24
well that's not necessary, you can use this too `` – Gautam Jha Jan 29 '16 at 05:54

score 1 · Answer 3 · answered Jan 29 '16 at 06:44

You don't need a function if you aren't going to do anything more than just submit the form.

<div class="buttons"> <a href="#" class="btn btnGreen"><span>Beta Signup</span></a> <span><em>or</em></span>
      <a onclick="document.getElementById('form1').submit(); return false;" class="btn btnBlue"><span>Donate to Development</span></a> </div>

      <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top" id="form1">
      <input type="hidden" name="cmd" value="_s-xclick">
      <input type="hidden" name="hosted_button_id" value="JZDSU6T647PL4">
      <input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donate_SM.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
      <img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
      </form>


  </div>

Button post error

3 Answers3