2016-01-29 141 views
1
<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类的成像,但它不会转移到表格按钮发布错误

+0

你对btn btnblue类的成像有什么意义?它不转移吗? – Gavriel

+0

您可以在函数test()中调用表单元素的submit()函数,或者您可以创建一个新类型为'submit'的input元素,它会在按下时自动提交它所在的表单,这就是通常的做法。 – Mandera

回答

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(); 
    } 
} 
+0

为什么if语句是必需的? – CHouse95

+0

这不是,通常你以某种方式验证表单提交,但是'form.submit()'是你所需要的全部 –

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> 

创建JavaScript函数

+0

为什么我需要if语句呢? – CHouse95

+0

好吧,这是没有必要的,你也可以使用这个 '' –

1

,如果你不打算做任何事情,不仅仅是提交表单你不需要的功能。

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