2016-01-29 170 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>