2013-12-24 294 views
2

我對HTML按鈕標籤防止按鈕提交表單的onclick

這是我的HTML代碼

<form name="data_kirim" action="confirm_order.php" method="POST"> 

     ..... order input field .... 

    <button class="back_button" onclick="window.location.href='keranjang.php'">Back</button> 
    <input class="next_button" type="submit" name="submit_data_kirim" value="Next"/> 
</form> 

如何防止按鈕提交此表有問題,因爲按鈕是用在href背頁,

有人可以幫助我嗎?

+0

讓儘可能'button',而不是'submit'類型。調用一個JS函數來做你需要的。 – Aashray

+0

https://developer.mozilla.org/en-US/docs/Web/API/event.preventDefault –

回答

3
<button class="back_button" onclick="window.location.href='keranjang.php'">Back</button> 
<form name="data_kirim" action="confirm_order.php" method="POST"> 
<input class="next_button" type="submit" name="submit_data_kirim" value="Next"/> 
</form> 

一個快速的解決方案是因爲它不使用表單輸入反正移動後退按鈕的形式之外。

+0

This woork ..非常感謝 – Hans

0

如果你只想讓它鏈接到另一個頁面,而不是提交表單,然後簡單地使它像這樣一個普通按鈕:

<a href="URL">Next</a> 

這雖然不會提交表單。

+0

謝謝你的回答, – Hans

5

變化

type='submit' 

type='button' 
+1

謝謝你的回答, – Hans

+0

謝謝你,我得到了這個問題,這是最簡單的最簡單的解決方案我無法理解爲什麼一個按鈕提交而不是輸入...謝謝無論如何! – AlvaroAV

+0

提交是按照這種方式進行的,提交簡單的意思是提交表單,它也可以輸入或不輸入。所以,爲了避免這種情況,我們使用按鈕,所以我們可以在手動提交表單之前處理其他事情。 – hsuk

2
<form onsubmit="return false;"> 
+1

此代碼將始終阻止該操作。無論真實行動與否 –

+0

是的,同意..但謝謝你的回答 – Hans

2

你可以調用一個函數在JavaScript中單擊按鈕時,重定向到您的鏈接和return false或使用preventDefault()功能與jQuery

+0

謝謝你的回答..., – Hans