如何使用href调用和执行表单

时间:2014-07-30 22:44:46

标签: javascript html5 forms paypal href

我正在使用HTML5设计网站,但我不是专业人士。我有一个问题,可能是初学者的问题,但是我正在拿出一些我仍需要做的工作......

这是一个问题。

我有一个价格表,使用以下代码:

<div class="priceBox text-center">
<div class="inner">
<h3>Pack III</h3>

<div>
<sup>R$</sup><em>279,90</em>
</div>
<a href="#form-a" class="btn btn-primary">PagSeguro</a>
 <p></p>
<a href="#form-b" class="btn btn-primary">PayPal</a>
</div>

以下是form-a

的代码
<form action="https://pagseguro.uol.com.br/checkout/v2/payment.html" method="post" onsubmit="PagSeguroLightbox(this); return false;">

<input type="hidden" name="code" value="B42DF5D94242D9C884A01FA02EC30DD0" />
<input type="image" src="https://p.simg.uol.com.br/out/pagseguro/i/botoes/pagamentos/209x48-comprar-assina.gif" name="submit" alt="Pague com PagSeguro - é rápido, grátis e seguro!" />
</form>
<script type="text/javascript" src="https://stc.pagseguro.uol.com.br/pagseguro/api/v2/checkout/pagseguro.lightbox.js"></script>

如何使这项工作,或者,当我点击“PagSeguro”或“PayPal”按钮时,按钮调用并执行form-a和form-b​​。在这个例子中,我将代码放在form-a中,form-b​​几乎相同。

提前非常感谢,

2 个答案:

答案 0 :(得分:0)

输入类型=&#34;图像&#34;仅将该图像定义为提交按钮,而不是将值传递给服务器的输入。

请尝试以下方法:

<button type="submit" name="submit"><img src="https://p.simg.uol.com.br/out/pagseguro/i/botoes/pagamentos/209x48-comprar-assina.gif" alt="Pague com PagSeguro - é rápido, grátis e seguro!"></button>

答案 1 :(得分:0)

我会回答我自己的问题,以防有人遇到同样的问题。花了很多时间用很多不同的答案和解决方案后,我终于得到了正确的方法来做到这一点。

所以,问题是。如何从Anchor提交表格? (..)

两个简单的步骤将解决这个难题:

1)确保表单具有NAME,ACTION和METHOD属性的值。 NAME和ACTION属性是唯一需要的属性,但也提供METHOD也是一个好主意,例如:

<FORM NAME=Form1 ACTION="http://myServerURL/MyPage.asp" METHOD=POST>
      </FORM>

2)从锚点调用单行脚本。在脚本中,调用表单的submit方法,例如:

<A HREF="JAVASCRIPT:Form1.submit()"> Something </A>

**请注意,请记住Javascript区分大小写,请确保 submit 为小写。同时将表单放在您调用函数的同一页面中,效果更好。

谢谢,

利奥