按钮发布错误答案

【问题标题】：Button post error按钮发布错误
【发布时间】：2016-01-29 01:17:11
【问题描述】：

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

当我点击捐赠给开发按钮时，我希望表单中的动作发生，我该怎么做？？？我想要 btn btnblue 类的图像，但它不会转移到表单

【问题讨论】：

imaging from the btn btnblue class 和 it does not transfer 是什么意思？
您可以在函数 test() 中调用表单元素的 submit() 函数，或者您可以创建一个类型为 'submit' 的新输入元素，它会在按下时自动提交它所在的表单，这是通常的做法。

标签： javascript html css forms

【解决方案1】：

您需要创建一个通过 javascript 提交表单的函数。例如。

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

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

【讨论】：

为什么需要 if 语句？
不是，通常您会以某种方式验证表单提交，但您只需要 form.submit()

【解决方案2】：

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

创建一个 JavaScript 函数

【讨论】：

为什么我需要 if 语句？
这个没必要，你也可以用这个<script> function test() { form.submit(); } </script>

【解决方案3】：

如果您除了提交表单之外什么都不做，则不需要函数。

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

【讨论】：